Ajaxman - Ajax, Javascript, Xul, Internet, Recursos, Informatica …

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)

$('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

$(document).ready(function() {
    $('selector').googleMaps({
        latitude: 49.26063518364422,
        longitude: -123.15673828125
    });
});

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

$(document).ready(function() {
    $('selector').googleMaps({
        markers: {
            latitude:     37.4416,
            longitude: -122.1516,
            icon: {
                image: 'http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png',
                shadow: 'http://chart.apis.google.com/chart?chst=d_map_pin_shadow',
                iconSize: '12, 20',
                shadowSize: '22, 20'
            }
        }
    });
});

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

Related posts:

1. [Jquery-Plugin]Sparklines, creado graficas con Jquery Leo una interesante entrada de Andrés Nieto sobre un plugin...
2. [Javascript - Jquery] Jhon Resig: aprendiendo javascript, y jQuery Mientras siguo desarrollando el proyecto que me ha llevado mas...
3. :: Live Query :: El nuevo plugin de Jquery He andado algo ocupado , mas bien bastante ocupado, llevo...
4. [Javascript] Menú deslizante usando Jquery El seraphinux ultimamente le ha dado por escribir mas que...
5. [Ajax] mcDropdown: Mejorando las listas desplegables con Jquery Después de varios días sin postear por tener mucho trabajo,...

Related posts brought to you by Yet Another Related Posts Plugin.