Insertar Google Maps en tu web con jQuery
Escrito por Martín Iglesias y leído 1,890 veces. Ver comentarios
05JULIO/2012
- Categorías:
- Jquery
- Google Maps
- Gmap
- Mapas
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.
new GMaps({
div: '#map',
lat: -12.043333,
lng: -77.028333
});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:
- 20 plugins para jQuery que no pueden faltar en tus webs
- Excelente listado de 240 plugins para jquery
- Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
- jQuery Validate: la rápida validación de formularios.
- Calendario en PHP con eventos, jQuery y vTip
- Formularios web con jQuery Validate y envío por phpmailer y gmail
- 18 plugins jquery que no pueden faltar en tu web parte 2
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.
