[Javascript:Jquery] Plugin GoogleMaps

Me entero en Twitter, sobre un plugin de Jquery el cual nos permite trabajar comoda y apliamente con GoogleMaps de una manera muy facil.

Para usarlo primero nos bajamos el Jquery y despues el plugin

  • Descarga normal
  • Descarga Comprimido

En nuestro HTMl agregamos ambos JS’s (El Jquery primero y despues el plugin Jquery.Googlemaps)

Y ahora a agregamos el siguiente script (Javascript)

1$('selector').googleMaps();

Y listo con eso ya podemos ver como funciona

Aunque como hemos de suponer es mucho mas funcional usando algo mas de codigo, aqui algunos ejemplos.

Por ejemplo podemos indicar la latitud y la longitud

1$(document).ready(function() {
2    $('selector').googleMaps({
3        latitude: 49.26063518364422,
4        longitude: -123.15673828125
5    });
6});

O algo tan avanzado como una marca, personalizada en cierto punto del mapa.

01$(document).ready(function() {
02    $('selector').googleMaps({
03        markers: {
04            latitude:     37.4416,
05            longitude: -122.1516,
06            icon: {
07                image:'http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png',
08                shadow: 'http://chart.apis.google.com/chart?chst=d_map_pin_shadow',
09                iconSize: '12, 20',
10                shadowSize: '22, 20'
11            }
12        }
13    });
14});

Y con el ultimo ejemplo podriamos obtener algo como esto

Google_Maps_jQuery_Plugin

Toda la documentacion y mas ejemplos en la pagina web del autor
Google Maps jQuery Plugin – Shawn Mayzes

Leave a Comment

Your email address will not be published. Required fields are marked *