Insertar Google Maps en tu web con jQuery

Escrito por y leído 1,890 veces. Ver comentarios

Insertar Google Maps en tu web con jQuery

05JULIO/2012

Lo que traigo en esta ocasión es un plugin de jQuery que se encargará de hacerte facil la tarea de insertar y manipular mapas de Google Maps en tu web.

Si la API v3 de Google Maps ya es bastante más sencilla de utilizar que su versión anterior, este plugin realmente simplifica la tarea de utilizar los mapas y adaptarlos a nuestras necesidades.

Con muy pocas líneas de código podemos insertar mapas, definirle los parámetros, insertar marcadores, polígonos, definir el zoom, eventos, mapas estáticos y muchas opciones más.

La principal ventaja es que reduce toda la documentación que necesitas leerte para utilizar estos mapas a simples comandos con sus respectivos valores y el plugin se encargará de interpretar el código y dibujar el mapa.

El único requisito es definir el div contenedor del mapa y unos pocos parámetros. Hay muchísimos ejemplos en la web de su autor y, a la derecha de cada uno, aparece la explicación de lo que debes definir en cada caso.

Código 1 - JAVASCRIPT
new GMaps({
  div: '#map',
  lat: -12.043333,
  lng: -77.028333
});
Código 2 - HTML
div id="map"></div>

Acerca del Autor:

Diseñador web freelance en Coruña Galicia | Martin Iglesias

Martín Iglesias, diseñador web freelance de A Coruña, especializado en maquetación css y desarrollo de páginas web a medida con más de 15 años de experiencia en el desarrollo de páginas web profesionales.

Si te ha gustado este artículo, por favor, ayúdame a difundirlo compartiéndolo con tus amigos y contactos en las distintas redes sociales que utilices. ¡Muchas gracias!

Artículos relacionados:

Este artículo ha salido en un total de 46 búsquedas desde Google en sus 319 días de vida y ha sido visto 1,890 veces.