gMap, plugin de jQuery para Google Maps

Ricardo 7 Febrero 2010

jquery-google-maps-plugin1.jpg

Las aplicaciones web que trabajan con Google Maps son muy numerosas, no vamos a descubrir aquí las bondades del servicio de mapas, pero si que es interesante la cantidad de cosas que se pueden hacer con la API de este servicio. Aunque para determinadas tareas suponga algo pesado lidiar con la misma si solo queremos situar lugares en los mapas de forma dinámica.

La forma más simple y rápida de incluir Google Maps en nuestro proyecto, se trata de un plugin para jQuery, gMap. Sólo pesa 2kb y nos ofrece una forma directa de integrar los mapas en cualquier web. Se puede personalizar de múltiples formas, con longitud y latitud, nivel de zoom predeterminado, marcadores que ofrezcan un pop-up con información personalizada, controles para activar y desactivar el mapa, y mucho más.

La función para incrustar mapas es de lo más simple:

$ ( "# map"). gMap ();

Un ejemplo sencillo, sería usar la función para situar un mapa en Madrid con latitud 40,420088 y longitud -3,688810:

$("#map1").gMap({ markers: [{ latitude: 40.420088,
longitude: -3.688810 }] });

Enlace | Demostraciones

Enlace | Descarga gMaps

Vía | Webresourcesdepot.com

PUBLICIDAD

Enlaces a este artículo


Añade un comentario

Sin comentarios

  1. No hay comentarios

Deja un comentario

Agradeceríamos conocer tu opinión acerca de esta entrada. Abstente de insultar y de utilizar palabras malsonantes. Aquellos comentarios o nicks que no se ajusten a lo anterior, o que mencionen o enlacen a otras webs de forma promocional y descontextualizada, serán borrados/modificados inmediatamente.