torstaina, toukokuuta 21, 2009

Staattinen kartta


Helpoin tapa saada kartta sivulle on Google Static Maps - ilmainen ja äärettömän helppo. Staattisia karttoja myydäänkin ja olen nähnyt monien ostavankin niitä ja maksavan tuntemattomia summia. Kannattaisi harkita ilmaista vaihtoehtoa.

Tuo viereinen kartta on tehty alle minuutissa käyttäen Google Static Maps APIn velhoa.

Se tuottaa URL:n kuin kyseessä olisi mikä tahansa kuva. Kuva se vain onkin. Kuvan URL:n parametereinä määritellään koko, sijainti, zoom, karttatyyppi, nuppineulat, murtoviivat ja kuvatiedoston tyyppi.

Ylläolevan kartan URL on
http://maps.google.com/staticmap?center=60.167774,24.941840&
markers=60.169879,24.938408,red|60.167008,24.943630,red&
path=rgba:0x0000FF80,weight:5|60.16974,24.93866|60.16686,24.94308&
zoom=14&size=200x200&
key=ABQIAAAAjU0EJWnWPMv7oQjjS7dYxSPW5CJgpdgO_s4yyMovOaVh_
KvvhSfpvagV18eOyDWu7VytS6Bi1CWxw
Lähes kaikki muu selittää itsensä paitsi 'key='. Se on domainkohtainen ja kuitattava avainsivulta. Ei suuri vaiva.

Mainitulla velholla kartan luominen käy kätsysti mutta parametrit voi toki syöttää käsinkin. Parametrit on dokumentoitu harvinaisen selkeästi. Hauskana vaihtoehtona zoom-parametrille on 'span'. Jos tiedät kartan reunat koordinaatteina, ei tarvitse aprikoida zoom-arvoa.

Pakolliset parametrit ovat
  • keskipiste (center) lat,lng esim: center=60.167774,24.941840
  • zoom kokonaisluku esim: zoom=14
  • kartan koko (size) esim: size=200x200

2 Comments:

At 15:19, Blogger yatsy said...

Korjaa staattisen kartan kutsua: ...key=... -> ...apikey=...
Näin pelittää.

 
At 21:40, Blogger Esa said...

Vika johtui tämän vanhanmallisen Bloggerin tavasta koodata URL:n erikoismerkit.

Editointitilassa kartta näkyi hyvin ja sivullakin omalla koneellani, mutta kuva tulikin selaimen välimuistista.

Latasin kartan Bloggerin omalle serverille. Helpoin ratkaisu.

Sama ongelma koskettaa monia julkaisujärjestelmiä ja jopa joitakin wysiwyg sivueditoreita.

Kiitos huomautuksesta ja pahoittelen hidasta reagointiani.

 

Lähetä kommentti

Links to this post:

Luo linkki

<< Home