Вимкніть Ctrl + Прокрутіть, щоб збільшити масштаб карт 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 });
}