jMaps es un plugin de jQuery que aporta la filosofía de esta librería a la API de Google Maps, facilitando crear y gestionar múltiples mapas en una misma página. Incluye:
El siguiente ejemplo muestra como usar jMaps para crear un buscador de direcciones:
- Geocodificar y revertir cualquier dirección válida del planeta
- Buscar caminos hasta y desde cualquier localización
- Añadir y eliminar marcadores
- Añadir y eliminar polígonos y polilíneas
- Añadir y eliminar capas
- Añadir y eliminar capas de Google adsense (publicidad)
- Añadir y eliminar capas de tráfico
- Obtener información como el centro del mapa, su tamaño, su tipo, etc.
El siguiente ejemplo muestra como usar jMaps para crear un buscador de direcciones:
jQuery(document).ready(function(){
// crea el mapa
jQuery('#mapa1').jmap('init', {'mapType':'hybrid','mapCenter':[37.4419, -122.1419]});
// añade un evento al pulsar botón enviar que realiza la búsqueda
jQuery('#boton-enviar').click(function(){
jQuery('#mapa1').jmap('SearchAddress', {
'query': jQuery('#direccion').val(),
'returnType': 'getLocations'
}, function(resultado, options) {
// esta función se ejecuta sobre los resultados de la búsqueda
var valido = Mapifies.SearchCode(resultado.Status.code);
if (valido.success) {
jQuery.each(resultado.Placemark, function(i, punto){
jQuery('#mapa1').jmap('AddMarker',{
'pointLatLng':[punto.Point.coordinates[1], punto.Point.coordinates[0]],
'pointHTML':punto.address
});
});
ultimo= [punto.Point.coordinates[1], punto.Point.coordinates[0]];
} else {
jQuery('#direccion').val(valido.message);
}
jQuery('#mapa1').jmap('MoveTo',{'mapType':'hybrid','mapCenter':last});
});
return false;
});
});
0 comentarios:
Publicar un comentario