Google maps: statická mapa s vyznačenými adresami

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:

mapa

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&amp;zoom=18
&amp;size=400x400&amp;maptype=satellite
&amp;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ý!!!

Liberecké náměstí

Příklad 2.

<img border="0" src="http://maps.google.com/maps/api/staticmap?
zoom=15&amp;size=400x400&amp;maptype=satellite
&amp;markers=color:red|50.736126,15.739868
&amp;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

Nejvyšší hora Česka, převážně v Polsku

Příklad 3.

<img border="0" src="http://maps.google.com/maps/api/staticmap?
size=400x200&amp;maptype=roadmap
&amp;markers=color:blue|U+Nisy+745+460+07+Liberec
&amp;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)

konkrétní adresa: U Nisy 745/6a, 460 07 Liberec III-Jeřáb

Příklad 4.

<img src="http://maps.google.com/maps/api/staticmap?
center=49.81,15.51&amp;zoom=7
&amp;size=640x380&amp;maptype=roadmap
&amp;markers=color:orange|label:A||size:mid|Liberec
&amp;markers=color:orange|label:B||size:mid|Litvinov
&amp;markers=color:red|label:C||size:mid|Praha
&amp;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

mapa

Příklad 5.

<img src="http://maps.google.com/maps/api/staticmap?
size=640x380&amp;maptype=roadmap
&amp;markers=color:orange|label:A||size:mid|Liberec
&amp;markers=color:orange|label:B||size:mid|Litvinov
&amp;markers=color:red|label:C||size:mid|Praha
&amp;sensor=false" alt="mapa"/>
  • center a zoom – narozdíl od předchozího příkladu si toto google nastavil sám

mapa

Příklad 6.

<img src="http://maps.google.com/maps/api/staticmap?
center=Liberec&amp;size=640x380&amp;maptype=satellite
&amp;markers=color:orange|label:A||size:mid|Liberec
&amp;markers=color:orange|label:B||size:mid|Litvinov
&amp;markers=color:red|label:C||size:mid|Praha
&amp;sensor=false" alt="mapa"/>
  • center – oproti předchozímu příkladu je nastaven střed mapy na Liberec

mapa

Další informace viz příklady na code.google.com

1 komentář

  1. 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

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

*