Si lees este blog con frecuencia, probablemente ya habrás probado el API de Google Maps ¡y te gustará tanto como a nosotros! Sin embargo, es probable que, en ciertos casos, no te resulte útil: el API de Google Maps necesita JavaScript, puede tardar en cargarse con conexiones lentas, y requiere un esfuerzo adicional para mantener una página web dinámica.
El API de mapas estáticos de Google ofrece una forma más sencilla de añadir mapas a tu sitio web. En lugar de utilizar JavaScript, el API de mapas estáticos crea imágenes de mapas sobre la marcha mediante sencillas llamadas al servicio de mapas estáticos con llamadas HTTP. Sin JavaScript ni recargas. Simplemente hay que crear una URL especial como el atributo src dentro de una etiqueta img y dejar que el servicio de mapas estáticos cree la imagen.
src
img
Para ver lo fácil de utilizar que es el API de mapas estáticos, fíjate en la siguiente imagen:
Esta imagen se ha creado utilizando la siguiente etiqueta img:
<img src="http://maps.google.com/staticmap?center=40.450147553355905,-3.6927366256713867&zoom=12&size=512x512&key=MAPS_API_KEY">
(Recuerda que tendrás que sustituir el parámetro key anterior con tu clave del API de Maps. Puedes obtener una clave gratis en http://code.google.com/apis/maps/signup.html)
key
Cuando tu navegador ha mostrado este blog, la URL en la etiqueta img se envió al servicio de mapas estáticos, que construyó una imagen basada en los parámetros de la URL. ¡Y ya está! Puedes crear un mapa de hasta 512 x 512 píxeles, y con cualquier nivel de zoom que muestre cualquier lugar de la faz de la tierra, siempre que lo soporte Google Maps. ¡Incluso puedes poner marcadores en tus mapas! Con el asistente para mapas estáticos te permite probar las diferentes opciones.
El API de mapas estáticos resulta especialmente útil para páginas en las que quieres incluir un mapa que se cargue rápidamente. Incluso puedes sustituir el mapa estático que generes con un mapa que utilice el API de Maps con JavaScript cuando la página se cargue, lo que te permitirá una transición fluida de un mapa que se carga rápidamente a una implementación totalmente dinámica.
Como el mapa que genera el API de mapas estáticos es una imagen, también la puedes enviar a tus amigos por email como un archivo adjunto (¡súper útil para planificar tu próxima fiesta!) o mostrarlo en cualquier navegador móvil, soporte o no soporte JavaScript.
Toda a documentación sobre cómo construir mapas con el API de mapas estáticos está disponible en:
Como siempre, si tenéis preguntas o feedback, no dudéis en hacérnoslo llegar.
