google maps api 3 - marcadores - Google Maps v3 marcador arrastrable

google.maps.marker example

Question

Soy nuevo en google maps, y estoy tratando de aprenderlo.

marker = new google.maps.Marker(
{
     map:map,
     draggable:true,
     animation: google.maps.Animation.DROP,
     position: results[0].geometry.location
});

Esta es mi posición de marcador, cuando estoy inicializando la posición del marcador de lo que sé el nombre del lugar (por ejemplo: XY street, Nueva York), pero debido a la opción de arrastrar está cambiando, y mi pregunta es ¿cómo puedo obtener? el nuevo nombre del lugar, qué controlador de eventos necesito.

Answer 1

Finalmente encontré la respuesta:

marker = new google.maps.Marker(
{
    map:map,
    draggable:true,
    animation: google.maps.Animation.DROP,
    position: results[0].geometry.location
});
google.maps.event.addListener(marker, ''dragend'', function() 
{
    geocodePosition(marker.getPosition());
});

function geocodePosition(pos) 
{
   geocoder = new google.maps.Geocoder();
   geocoder.geocode
    ({
        latLng: pos
    }, 
        function(results, status) 
        {
            if (status == google.maps.GeocoderStatus.OK) 
            {
                $("#mapSearchInput").val(results[0].formatted_address);
                $("#mapErrorMsg").hide(100);
            } 
            else 
            {
                $("#mapErrorMsg").html(''Cannot determine address at this location.''+status).show(100);
            }
        }
    );
}

Answer 2

Establezca una posición en el mapa usando lat / lang y haga que el marcador se pueda arrastrar

• Usar lat / lang establece inicialmente un marcador en el punto dado en el mapa

• La variable de dirección se usa para el propósito del título. Puede ser ignorado.

• draggable: true hace que el marcador sea arrastrable.

• Usar el detector de eventos google.maps.event.addListener (marcador, ''dragend'', función (marcador) Para escuchar los cambios en la posición del marcador

  function showMap(lat,lang,address) {
  var myLatLng = {lat: lat, lng: lang};
  
      var map = new google.maps.Map(document.getElementById(''map_canvas''), {
        zoom: 17,
        center: myLatLng
      });
  
      var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        title: address,
        draggable:true,
      });
  
      google.maps.event.addListener(marker, ''dragend'', function(marker){
          var latLng = marker.latLng; 
          currentLatitude = latLng.lat();
          currentLongitude = latLng.lng();
          jQ("#latitude").val(currentLatitude);
          jQ("#longitude").val(currentLongitude);
       }); 
  }