API Google Maps utilizando jQuery

¿Quien puede negar que la API de Google Maps es útil? Indudablemente lo es, y para quienes estén interesados en utilizarla en sus proyectos un plugin jQuery que deberian probar es gMap, desarrollado por la gente de Smashing Labs.

gMap provee un mecanismo simple y potente de utilizar la API de Google Maps, con tan solo unas llamas al código del plugin podemos incorporar rápidamente mapas dinámicos a nuestros sitios web.

Entre las virtudes que destacan sus creadores podemos nombrar:

  • Agregar múltiples markers con iconos personalizados, servirse de popups y títulos para desplegar información adicional.
  • Configurar centro, nivel del zoom y tipo de mapa.
  • Posicionar markers por latitud y longitud, como así también por dirección directamente.
  • Configurar controles personalizados.
  • Obtener un potente gestor de eventos en los mapas para obtener la información incorporada por el usuario que los utiliza.

El ejemplo propuesto en el sitio oficial de configuración se ve de la siguiente forma:

$('#map').gMap({
    address: 'Kraków, Poland',
    zoom:12
});

Y el resultado es el siguiente:

api google maps jQuery

Les recomiendo visitar la sección de ejemplos en donde van a poder más de cerca la potencia de este plugin.

gMap es una excelente alternativa para aquellos que no quieren enredarse utilizando la documentación de Google Maps, el plugin en si cubre la gran mayoría de las necesidades habituales a la hora de utilizar un mapa de Google.

Alternativa: Google Maps con jQuery

Categorizado en: