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; }); });
No hay comentarios:
Publicar un comentario