En Google Maps V3, ¿cómo puedo obtener un marcador arrastrable para recorrer el mapa?

Question

He encontrado varios ejemplos de V2 sobre cómo desplazar el mapa mientras se arrastra un marcador. Por ejemplo: http://www.putyourlightson.net/projects/coordinates

// create map and add controls 
var map = new GMap2(document.getElementById("map")); 
map.addControl(new GLargeMapControl());   
map.addControl(new GMapTypeControl()); 

// set centre point of map 
var centrePoint = new GLatLng('53.34870686020199', '-6.267356872558594'); 
map.setCenter(centrePoint, 14); 

// add a draggable marker 
var marker = new GMarker(centrePoint, {draggable: true}); 
map.addOverlay(marker); 

// add a drag listener to the map 
GEvent.addListener(marker, "dragend", function() { 
    var point = marker.getPoint(); 
    map.panTo(point); 
    document.getElementById("latitude").value = point.lat(); 
    document.getElementById("longitude").value = point.lng(); 
}); 

Esta página parece "auto-pan", mientras que el marcador está siendo arrastrado; tenga en cuenta que su único oyente de eventos es para "dragend". Pero te aseguro que ese mapa se desplaza mientras se arrastra el marcador.

Estoy tratando de lograr lo mismo con la API V3, sin ningún éxito. Incluso he intentado llamar map.panTo() mientras que el icono está siendo arrastrado, con resultados poco satisfactorios: http://www.publicgloucester.com/test.html

function initialize() 
    { 
    Gloucester = new google.maps.LatLng (42.6159285, -70.6619888); 

    myOptions = 
     { 
     zoom: 14, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     center: Gloucester, 
     streetViewControl: false 
     } 

    map = new google.maps.Map (document.getElementById ("map_canvas"), myOptions); 

    marker = new google.maps.Marker ({position: Gloucester, title: "Gloucester, MA"}); 
    marker.setMap (map); 
    marker.setDraggable (true); 

    google.maps.event.addListener (marker, 'drag', function (event) 
     { 
     // Pan to this position (doesn't work!) 
     map.panTo (marker.getPosition()); 
     }); 

    } 

Tiene sentido para mí que esto no funcionaría, ya que en horizontal para colocar el marcador en el centro de el mapa, mientras el mapa se mueve, es falso.

¿Es tan simple como la API V2 hacer esto automáticamente, mientras que la API V3 no? ¿Cómo puedo lograr este efecto con la API V3?

Gracias.

Answer 1

Google ha solucionado este: http://code.google.com/p/gmaps-api-issues/issues/detail?id=2404

Se puede ver la solución en acción en http://www.publicgloucester.com/test2.html. Ignore el comentario que dice "no hace lo que quiero"; ese comentario es obsoleto.

Answer 2

use dragend en lugar de arrastre. El código será,

google.maps.event.addListener(marker, "dragend", function(event) { 

     var point = marker.getPosition(); 
     map.panTo(point); 

     }); 

Answer 3

El evento que desea escuchar es la utilizada en el ejemplo "arrastre", lo que puede hacer para que se vea menos "falsa" es añadir un retraso, por lo que los mapas sigue el marcador en lugar de ser actualizado inmediatamente. Intente esto:

google.maps.event.addListener(marker, "drag", function(event) { 
    var point = marker.getPosition(); 
    window.setTimeout(function(){ 
    map.panTo(point); 
    }, 100); 
}); 

Answer 4

¿ha intentado implementar esto para recuperar la acción hinchable? http://groups.google.com/group/nycjs/browse_thread/thread/259a325fa980e575