Tắt tính quán tính/đà kéo trên Google Maps V3

Question

Có cách nào để vô hiệu hóa quán tính kéo trên Google Maps V3 không? Có vẻ như nó phải là một MapOption, nhưng tôi không thể tìm thấy bất kỳ cách nào để làm điều này.

Answer 1

Điều này không thể thực hiện được với API Maps API tại thời điểm này. Xem xét nộp đơn yêu cầu tính năng ở đây:

http://code.google.com/p/gmaps-api-issues/

Answer 2

Tôi chạy vào vấn đề này cùng một ngày hôm nay, với một số tùy chỉnh nổi của Div trên bản đồ cần phải được tái định vị trên bản đồ di chuyển. Việc thay đổi vị trí của tôi hoạt động tốt miễn là người dùng dừng hẳn sau khi kéo chuột trước khi cho phép chuột đi (vì vậy sẽ không có động lượng), nhưng nếu chỉ cần kéo nhanh và phát hành div sẽ kết thúc một chút.

Để sửa lỗi này, tôi nối vào sự kiện kéo và các sự kiện nhàn rỗi:

var map = /* All the map config */ 
var stickyCenter = map.getCenter(); 
/* ... Code ... */ 
google.maps.event.addListener(map, 'drag', function(){ stickyCenter = map.getCenter(); }); 
google.maps.event.addListener(map, 'idle', function() { map.setCenter(stickyCenter); }); 

Điều gì xảy ra sau khi bạn đã kéo và bản đồ đã đi đến một điểm dừng (sau đà được thực hiện) bản đồ 'snaps' trở lại vị trí.

Nếu quá trình chụp quá đột ngột, người ta có thể panTo hoặc làm động động chuyển động theo một cách nào đó. Hy vọng rằng sẽ giúp, nó không hoàn hảo, nhưng đó là một cách để đảo ngược đà từ một sự kiện kéo.

Answer 3

Tôi khá chắc chắn rằng ít nhất có thể phản tác dụng động lượng. Ai đó hãy sửa tôi nếu tôi sai! Để đơn giản, ví dụ: giả sử vùng chứa bản đồ của bạn có một số width của 100vw và height của 100vh. Bạn chỉ cần gọi getCenter() trong một hàm được gọi bởi sự kiện mouseup và sau đó sử dụng các tọa độ đó ngay lập tức setCenter()?

function initMap(){ 

    ... 

    var win = window; 
    google.maps.event.addDomListener(win, 'mouseup', setCoords); 
    function setCoords(){ 
     var x = myMap.getCenter(); 
     var lat = x.lat(); 
     var lng = x.lng(); 
     myMap.addListener('center_changed', function(lat, lng){ 
     myMap.setCenter(new google.maps.LatLng(lat, lng)); 
    }; 
}; 

Đoạn mã trên thực sự hoạt động, nhưng kicker là nó chỉ có tác dụng một lần cho đến khi trình duyệt trở nên dường như quá tải và tạo ra các lỗi của router RangeError: kích thước gọi stack tối đa vượt quá.

Bạn không chắc chắn phải làm gì bây giờ.

Thông tin thêm về điều này here.

Answer 4

Sử dụng tùy chọn không có giấy tờ disablePanMomentumví dụ .:

new google.maps.Map(document.getElementById(id), { 
    disablePanMomentum: true, 
    backgroundColor: 'none', 
    disableDefaultUI: true, 
    center: { 
     lat: 40.674, 
     lng: -73.945 
    }, 
    zoom: 2, 
    ...