martes, 26 de febrero de 2008

Mapas de Google sin JavaScript

Como muchos sabréis, para hacer uso la API de Google Maps (agregar mapas en vuestros sitios, crear mashups,...), es necesario utilizar JavaScript. Esto, requiere un esfuerzo por parte de muchos diseñadores que, simplemente, necesitan agregar una mapa a un sitio y no tienen conocimientos de dicho lenguaje, además de, requerir un mayor tiempo de carga, lo cuál se hace notar en conexiones lentas.

Para solventar estos problemas, existe la llamada Google Static Maps API (API de mapas estáticos), la cual nos permite agregar mapas a nuestros sitios de una manera mucho más práctica y sencilla; tan sencilla como conocer la etiqueta <img> de HTML y su atributo src.

Por ejemplo, para crear el siguiente mapa:


no hay más que agregar en nuestro código HTML lo siguiente:
<img src="http://maps.google.com/staticmap?center=42.344259,-3.698413&markers=42.344259,-3.698413,red&zoom=13&size=500x300&key=">

Mediante la Google Static Maps API, se pueden crear mapas de 512 pixels de ancho por 512 pixels de alto mediante el parámetro size y con cualquier zoom mediante el parámetro zoom. Tener en cuenta que el parámetro key es necesario reemplazarlo por vuestra propia key API. Si no disponéis de una, se puede solicitar de manera gratuita a Google.

Para crear los mapas, podemos usar el asistente de mapas estáticos que tenemos a disposición en Google Code.

Enlaces: Blog Oficial de Google Maps, Documentación Google Maps Static API

No hay comentarios: