19 noviembre, 2008

jMaps, facilitando la API de Google Maps

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:
  • 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.
La API y los ejemplos se encuentran documentados en http://map.ifies.org

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; 
    });
});

Publicar un comentario en la entrada

Últimos links en indiza.com