JQuery e Google Maps de forma simples

Utiliza JQuery e Google Maps em seu site? Saiba que existe um plugin para o JQuery que permite trabalhar com o Google Maps de forma muito mais simples e rápida, no mesmo estilo de programação do JQuery.

O plugin é o JMaps, criado pelo mantenedor do Digital Spaghetti. Para quem conhece o JQuery, basta alguns minutos  e já conseguirá utilizar o plugin e inserir mapas em páginas web de forma descomplicada. Excelente para desenvolver rapidamente uma aplicação simples de mapas. Possui recursos como plotar objetos no mapa, traçar polígonos, linhas e até mesmo adicionar AdSense em retângulos do mapa.

Veja um exemplo de uso:

jQuery(document).ready(function(){

jQuery(‘#map1′).jmap(‘init’, {‘mapType’:'hybrid’,'mapCenter’:[37.4419, -122.1419]});

jQuery(‘#address-submit-1′).click(function(){
jQuery(‘#map1′).jmap(‘SearchAddress’, {
‘query’: jQuery(‘#address’).val(),
‘returnType’: ‘getLocations’
}, function(result, options) {

var valid = Mapifies.SearchCode(result.Status.code);
if (valid.success) {
jQuery.each(result.Placemark, function(i, point){
jQuery(‘#map1′).jmap(‘AddMarker’,{
‘pointLatLng’:[point.Point.coordinates[1], point.Point.coordinates[0]],
‘pointHTML’:point.address
});
});
} else {
jQuery(‘#address’).val(valid.message);
}
});
return false;
});
});

Mais informações: http://code.google.com/p/jmaps/

, ,

11 Responses to JQuery e Google Maps de forma simples

  1. Ferdinando 13/03/2009 em 11:45 pm #

    Sei que não devia abusar, mais abusando..

    Voce colocou somente o codigo jquery, tem como mostrar a aplicação inteira, ja que no site citado, as coisas são mais complicadas pra chegar até o resultado desejado..

    Mais mesmo assim , obrigado pela dica ..

    Ferdinando

  2. Ferdinando 13/03/2009 em 9:45 pm #

    Sei que não devia abusar, mais abusando..

    Voce colocou somente o codigo jquery, tem como mostrar a aplicação inteira, ja que no site citado, as coisas são mais complicadas pra chegar até o resultado desejado..

    Mais mesmo assim , obrigado pela dica ..

    Ferdinando

  3. André 27/08/2009 em 12:09 pm #

    opa, eu criei um tutorial com imagens de como inserir um google map dinamico em seu site com apenas 8 passos, n precisa de jquery
    Espero q goste, está relacionado a este assunto.
    ai vai o link:
    http://www.gasparimsat.com/index.php/26/08/2009/colocar-mapa-google-no-seu-site/

  4. André 27/08/2009 em 10:09 am #

    opa, eu criei um tutorial com imagens de como inserir um google map dinamico em seu site com apenas 8 passos, n precisa de jquery
    Espero q goste, está relacionado a este assunto.
    ai vai o link:
    http://www.gasparimsat.com/index.php/26/08/2009/colocar-mapa-google-no-seu-site/

  5. Gerson 06/02/2010 em 11:58 am #

    Perdão , o link não funfa ….

    • Christiano Anderson 07/02/2010 em 2:45 pm #

      O link do @andré realmente não está funcionando. Mas nos outros links, do próprio post, é possível saber mais sobre o JMaps.

      Abração!

  6. Gerson 06/02/2010 em 9:58 am #

    Perdão , o link não funfa ….

    • Christiano Anderson 07/02/2010 em 12:45 pm #

      O link do @andré realmente não está funcionando. Mas nos outros links, do próprio post, é possível saber mais sobre o JMaps.

      Abração!

  7. Junior 20/05/2010 em 10:48 am #

    Cristiano ví esse seu tutorial e tenho a seguinte situação, tenho rotas onde tenho em sql as coordenadas (latitude,longitude) e queria pegar essas coordenadas e montar essa rota no google maps isso é possivel com o jmaps ?

    • Christiano Anderson 22/05/2010 em 7:05 pm #

      Olá Junior,

      Pelo que li na documentação do JMaps, ele não traça a rota, somente pontos retos (não vai seguir uma rodovia, por exemplo). Acredito que isso apenas pela API do Google Maps direto ou contratando o serviço da Maplink.

      Abraços

  8. Christiano Anderson 22/05/2010 em 9:05 pm #

    Olá Junior,

    Pelo que li na documentação do JMaps, ele não traça a rota, somente pontos retos (não vai seguir uma rodovia, por exemplo). Acredito que isso apenas pela API do Google Maps direto ou contratando o serviço da Maplink.

    Abraços

Leave a Reply