O dynamických google mapách jsem již v tomto blogu vyblogoval 😉 několik článků (viz kategorie Google maps). Teď je na řadě článek o statických google mapách. Jejich použití je mnohem jednodušší a pokud chcete stránku s mapou tisknout, jsou statické mapy v podstatě jediným řešením. Na druhou stranu zdaleka nenabízejí tolik možností interakce jako mapy dynamické.
Výsledná mapa se ve stránce tváří jako obyčejný obrázek:
Pojďme se podívat na několik příkladů jak na to:
Příklad 1.
<img border="0" src="http://maps.google.com/maps/api/staticmap?
center=50.769352,15.058104&zoom=18
&size=400x400&maptype=satellite
&sensor=false" alt="Liberecké náměstí"/> |
- center – na jaký bod (v tomto případě GPS souřadnice) se má mapa vycentrovat
- zoom – míra přiblížení mapy
- size – velikost výsledné mapy (obrázku)
- mapstyle – to známe z maps.google.com … možné hodnoty: roadmap, satellite, terrain, hybrid
- sensor – zadání, zda aplikace používá GPS senzor … tento parametr je povinný!!!
Příklad 2.
<img border="0" src="http://maps.google.com/maps/api/staticmap?
zoom=15&size=400x400&maptype=satellite
&markers=color:red|50.736126,15.739868
&sensor=false" alt="Nejvyšší hora Česka, převážně v Polsku"/> |
- center je vynechán, takže google si vycentruje mapu sám, aby to sedělo
- markers – červená značka, umístění definováno pomocí GPS souřadnic
Příklad 3.
<img border="0" src="http://maps.google.com/maps/api/staticmap?
size=400x200&maptype=roadmap
&markers=color:blue|U+Nisy+745+460+07+Liberec
&sensor=false" alt="konkrétní adresa: U Nisy 745, 460 07 Liberec"/> |
- center a zoom – vynecháno, takže google si vycentruje a nazoomuje mapu sám, aby to sedělo
- markers – umístění definováno pomocí adresy (U Nisy 745, 460 07 Liberec)
Příklad 4.
<img src="http://maps.google.com/maps/api/staticmap?
center=49.81,15.51&zoom=7
&size=640x380&maptype=roadmap
&markers=color:orange|label:A||size:mid|Liberec
&markers=color:orange|label:B||size:mid|Litvinov
&markers=color:red|label:C||size:mid|Praha
&sensor=false" alt="mapa"/> |
- center a zoom – nastaveno tak, aby se hezky vešla celá republika
- markers – vícero značek na jedné mapě a přidán písmenný index
Příklad 5.
<img src="http://maps.google.com/maps/api/staticmap?
size=640x380&maptype=roadmap
&markers=color:orange|label:A||size:mid|Liberec
&markers=color:orange|label:B||size:mid|Litvinov
&markers=color:red|label:C||size:mid|Praha
&sensor=false" alt="mapa"/> |
- center a zoom – narozdíl od předchozího příkladu si toto google nastavil sám
Příklad 6.
<img src="http://maps.google.com/maps/api/staticmap?
center=Liberec&size=640x380&maptype=satellite
&markers=color:orange|label:A||size:mid|Liberec
&markers=color:orange|label:B||size:mid|Litvinov
&markers=color:red|label:C||size:mid|Praha
&sensor=false" alt="mapa"/> |
- center – oproti předchozímu příkladu je nastaven střed mapy na Liberec
Další informace viz příklady na code.google.com
Dobry den, dle vyse uvedenych kodu jsem si chtel udelat mapu s keskami. Buhuzel mi to funguje jen do urciteho poctu zadanych souradnic. Je to nejak omezene? Je to v souboru Temlate.cz programu Geoget.
HTML
Diky za odpoved