Návod na zabudování STATICKÝCH Google maps do vašich stránek

Věděli jste, že Google nabízí pro zabudování do vašich stránek i statické mapy? Je to skvělá volba v případě, že potřebujete rychle zobrazit mapu a nechcete čekat na načítání JavaScriptů, případně pokud budujete web bez JavaScriptu.

Jediné co musíte udělat, je vložit značku IMG, odkazující se na server Googlu, přičemž parametry v odkazu definujete, co se má na mapě zobrazit.

Malá ukázka:

http://maps.google.com/staticmap?
size=440x440&
key=YOUR-API-KEY&
markers=50.087662,14.423784,reda|50.08458,14.416553,greenc

Co vše můžete mapám nastavit:

• velikost mapy (maximum je 512×512 pixelů), Google ji vrací ve formátu GIF
• přiblížení mapy a souřadnice jejího středu (tyto parametry jsou nepoviné, pokud použijete značky – viz dále – neboť v takovém případě se vše nastaví automaticky)
• značky – „špendlíky zapíchané do mapy“ – u každé je nutné nastavit jejich souřadnice (latitude a longitude), nepovinně pak barvu a zobrazované písmenko.

K tomu, abyste mohli mapy používat, musíte mít opět vygenerovaný Google Maps API Key (získáte jej na webu Google Maps).

Na možnost zabudování statických map jsem narazil u konkurenční služby – multimap.com a hned mě zajímalo, zda Google také něco takového nabízí. Nabízí, ale s trochu jinými možnostmi – každá z uvedených služeb má své pro i proti (multimap neumožňuje barevné špendlíky, ale navíc dokáže zobrazit třeba trasu).

Ještě jeden dovětek: než jsem stihl článek publikovat (nechal jsem jej přes víkend uležet), tak Janek vydal zprávu o tom, že Google uvolnil průvodce pro vytváření statických map. Průvodce ale není zcela dokonalý – umožní vám dát na mapu jen jednu značku, ale jako úvodní krok pro získání API klíče a nastavení několika parametrů přijde tento průvodce k duhu.

Pár odkazů na závěr

• API pro statické mapy od Multimap včetně ukázek
• API pro statické mapy od Googlu, také včetně ukázkek
• Google průvodce pro vygenerování statické mapy