Trong Google Maps V3, làm cách nào tôi có thể nhận được điểm đánh dấu có thể kéo để xoay bản đồ?

Question

Tôi đã tìm thấy một số ví dụ về cách xoay bản đồ trong khi một điểm đánh dấu đang được kéo. Ví dụ: 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(); 
}); 

Trang này có vẻ như "tự động xoay" trong khi điểm đánh dấu đang được kéo; lưu ý rằng trình xử lý sự kiện duy nhất của nó là dành cho "kéo". Nhưng tôi đảm bảo với bạn rằng bản đồ đó sẽ quét trong khi điểm đánh dấu đang được kéo.

Tôi đang cố gắng đạt được điều tương tự với API V3, không thành công. Tôi thậm chí đã thử gọi map.panTo() trong khi biểu tượng đang được kéo, với kết quả không thỏa mãn: 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()); 
     }); 

    } 

Nó làm cho ý nghĩa với tôi rằng điều này sẽ không làm việc, kể từ khi panning để đặt điểm đánh dấu ở trung tâm của bản đồ, trong khi bản đồ đang chuyển động, là không có thật.

Đơn giản như API V2 thực hiện việc này tự động, trong khi API V3 thì không? Làm thế nào tôi có thể đạt được hiệu ứng này với API V3?

Cảm ơn.

Answer 1

Google đã cố định này: http://code.google.com/p/gmaps-api-issues/issues/detail?id=2404

Bạn có thể thấy việc sửa chữa trong hành động ở http://www.publicgloucester.com/test2.html. Bỏ qua nhận xét nói rằng "nó không làm những gì tôi muốn"; nhận xét đó đã lỗi thời.

Answer 2

sử dụng kéo thay vì kéo. mã sẽ được,

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

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

     }); 

Answer 3

Sự kiện bạn muốn nghe là một trong những sử dụng trong ví dụ của bạn "kéo", những gì bạn có thể làm để làm cho nó trông ít "giả mạo" là thêm một sự chậm trễ, vì vậy các bản đồ sau điểm đánh dấu thay vì được cập nhật ngay lập tức. Hãy thử điều này:

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

Answer 4

bạn đã cố thực hiện điều này để nhận lại hành động bouncy? http://groups.google.com/group/nycjs/browse_thread/thread/259a325fa980e575