Contenido

Google Maps sin Javascript

25 feb

+ 15

Google Maps es la herramienta de Google que ha revolucionado la idea de los mashups en Internet. Gracias a la geolocalicación, aplicaciones como Panorámio son posibles. Algo que se echaba en falta era la posibilidad de usar los mapas como imagenes estáticas, y ahora eso es posible.

staticmap.gif

Para usar estas imagenes necesitaremos disponer de una key, que obtendremos al registrar nuestro sitio en Google Maps API. Una vez con esta key, podremos obtener la imagene estática como si de una imagen externa a nuestro server se tratara.

<img src="http://maps.google.com/staticmap?center=47.238336,8.827171&zoom=12&markers=40.416741,-3.70325,red&size=512x512&key=MAPS_API_KEY">

Si descomponemos la URL veremos los diferente parámetros que intervienen y con los que podemos personalizar nuestro gráfico.

  • center:              //Centro de la imagen (ej: 0.0000,0.0000)
  • zoom:                //Zoom que se le aplica a la imagen, de 0 a 19 (0 más lejos, 19 más cerca)
  • size:                  //Tamaño de la imagen en pixeles (máximo 512×512)
  • maptype:          //Tipo de mapa (roadmap => Mapa para páginas web, mobile => Mapa para bajas resoluciones)
  • markers:          //Marcadores dentro del mapa. (ej: markers=40.702147,-74.015794,blues|40.711614,-74.012318,green)

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.