2011-09-09

Añadir una marca a un mapa de Google Maps

Es posible añadir una marca a un mapa de Google Map usando el objecto "Marker" del API.

Siguiendo con el ejemplo anterior podemos sustituir el diálogo con la dirección con una marca en el mapa.
Así, la función "boundsChangedListener()"queda:

function boundsChangedListener() {
    var map = nioos.map;
    var center = map.getCenter();
    nioos.geocoder.geocode(
        {'latLng': center},
        function(results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                var direccion = results[0].formatted_address;
                new google.maps.Marker({
                    position: center,
                    map: map,
                    title: direccion
                });
            } else {
                alert('Se desconoce la dirección debido a : ' + status);
            }
        }
    );
}

El marcador se añade con el código:

new google.maps.Marker({
   position: center,
   map: map,
   title: direccion
});

donde "center" es la posición central del mapa después del desplazamiento, "map" es el mapa de Google y "title" es el texto que aparece cuando dejamos el ratón encima del marcador.


No hay comentarios:

Publicar un comentario