Insertar Google Maps con jQuery

Más ...

Posteado el: 6/01/2010 por: Craftyman

Tags: Google Maps, JQuery

Si estas utilizando jQuery en tu aplicación web, o intentas incrustar un Google Maps en tu Website este plugin para jQuery nos cae de maravilla, ya que con una pocas instrucciones podemos personalizarlo a nuestro antojo.

Google Maps jQuery Plugin es un plugin para jQuery, pesa menos de 10kb y esta liberado bajo licencia GPL, esta testeado en los navegadores más populares como Firefox 2+, IE6+ y Safari 3+.

Para utilizar este plugin podemos descargar mediante estos enlaces.

HTML

ahora incluiremos el script en nuestro html junto con la librería jQuery.

<html>
<head>
    <script src="/js/jquery.js"></script>
    <script src="/js/jquery.googlemaps.js"></script>
</head>
...

Javascript

Con este código inicializaremos el Google Maps en un div reconociéndolo por el id.

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

Más info: Google Maps jQuery Plugin.