Tắt Ctrl + Cuộn để Thu phóng google maps

Có ai biết cách tắt dấu CTRL+ Scrollkhông?

Đầu tiên khi con lăn chuột được di chuyển, Bản đồ sẽ Phóng to / Thu nhỏ. Nhưng bây giờ nó yêu cầu nhấn CTRL+ Con lăn chuột để Phóng to / thu nhỏ.

Làm cách nào để tắt tính năng này? Tôi dường như không thể tìm thấy bất cứ điều gì trong tài liệu:

https://developers.google.com/maps/documentation/javascript/controls#ControlOptions

Bạn cần chuyển gestureHandling: 'greedy'đến các tùy chọn bản đồ của mình.

Tài liệu: https://developers.google.com/maps/documentation/javascript/interaction#gestureHandling

Ví dụ:

const map = new google.maps.Map(mapElement, {
  center: { 0, 0 },
  zoom: 4,
  gestureHandling: 'greedy'
});

Cập nhật! Vì Google Maps, 3.35.6bạn cần bao bọc thuộc tính vào một trình bao bọc tùy chọn:

const map = new google.maps.Map(mapElement, {
  center: { 0, 0 },
  zoom: 4,
  options: {
    gestureHandling: 'greedy'
  }
});

Cảm ơn bạn ealfonsovề thông tin mới

Nếu bạn đồng ý với việc tắt hoàn toàn tính năng cuộn để thu phóng, bạn có thể sử dụng scrollwheel: false. Người dùng vẫn có thể thu phóng bản đồ bằng cách nhấp vào các nút thu phóng nếu bạn cung cấp cho họ điều khiển thu phóng ( zoomControl: true).

Tài liệu: https://developers.google.com/maps/documentation/javascript/reference (tìm kiếm trang cho "con lăn")

const map = new google.maps.Map(mapElement, {
  center: { 0, 0 },
  zoom: 4,
  scrollwheel: false,
  zoomControl: true
});

Nếu bạn đang muốn chỉ ẩn lớp phủ nhưng vẫn vô hiệu hóa khả năng cuộn và thu phóng (như trước đây), bạn có thể sử dụng CSS để ẩn lớp phủ:

.gm-style-pbc {
opacity: 0 !important;
}

Lưu ý rằng điều này cũng sẽ ẩn nó cho thiết bị di động, vì vậy bạn có thể sử dụng một cái gì đó như thế này để đảm bảo nó hiển thị "sử dụng hai ngón tay để di chuyển bản đồ":

@media only screen and ( min-width: 980px ) {
.gm-style-pbc {
opacity: 0 !important;
}
}

Việc lồng thuộc tính gestureHandlingtrong một thuộc optionstính phù hợp với tôi trên phiên bản "3.35.6".

map = new google.maps.Map(document.getElementById('map'), {
        zoom: 12,
        options:{
            gestureHandling: 'greedy'
        }
    });

Tôi không thể tìm được bản gestureHandling: 'greedy'sửa lỗi cho mình vì tôi có lớp phủ trên bản đồ. Cuối cùng tôi đã phát hiện ra mousewheelsự kiện và đặt thuộc ctrltính thành true.

// Load maps and attach event listener to scroll event.
var $map = $('.map');
$map[0].addEventListener('wheel', wheelEvent, true);         

function wheelEvent(event) {
    // Set the ctrlKey property to true to avoid having to press ctrl to zoom in/out.
    Object.defineProperty(event, 'ctrlKey', { value: true });
}