Отключите Ctrl + Scroll, чтобы увеличить карту Google

Кто-нибудь знает, как отключить CTRL+ Scroll?

Сначала, когда колесо мыши было перемещено, карта увеличивалась / уменьшалась. Но теперь он просит нажать CTRL+ прокрутка колесика мыши для увеличения / уменьшения.

Как отключить эту функцию? Кажется, я ничего не могу найти в документации:

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

Вам нужно перейти gestureHandling: 'greedy'к параметрам вашей карты.

Документация: https://developers.google.com/maps/documentation/javascript/interaction#gestureHandling.

Например:

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

Обновить! Начиная с Google Maps, 3.35.6вам нужно заключить свойство в оболочку параметров:

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

Спасибо ealfonsoза новую информацию

Если вы согласны с полным отключением прокрутки и масштабирования, вы можете использовать scrollwheel: false. Пользователь по-прежнему сможет масштабировать карту, нажимая кнопки масштабирования, если вы предоставите им элемент управления масштабированием ( zoomControl: true).

Документация: https://developers.google.com/maps/documentation/javascript/reference (найдите на странице "колесо прокрутки")

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

Если вы хотите только скрыть оверлей, но при этом отключить возможность прокрутки и масштабирования (как раньше), вы можете использовать CSS, чтобы скрыть оверлей:

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

Обратите внимание, что это также скроет его для мобильных устройств, поэтому вы можете использовать что-то вроде этого, чтобы убедиться, что он показывает «используйте два пальца для перемещения карты»:

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

Вложение gestureHandlingвнутри optionsсвойства у меня работало в версии "3.35.6".

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

Мне не удалось заставить gestureHandling: 'greedy'исправление работать для меня, так как у меня было наложение на карту. В итоге я обнаружил mousewheelсобытие и установил для ctrlсвойства значение 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 });
}