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/

Ajax  jquery  Web 

Veja também