Desative o Ctrl + Scroll para ampliar o Google Maps

Alguém sabe como desativar o CTRL+ Scroll?

Primeiro, quando a roda do mouse fosse movida, o mapa aumentaria / diminuiria o zoom. Mas agora ele pede para pressionar CTRL+ Rolagem da roda do mouse para aumentar / diminuir o zoom.

Como desabilitamos esse recurso? Não consigo encontrar nada na documentação:

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

Você precisa passar gestureHandling: 'greedy'para as opções do mapa.

Documentação: https://developers.google.com/maps/documentation/javascript/interaction#gestureHandling

Por exemplo:

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

Atualizar! Desde o Google Maps, 3.35.6você precisa encerrar a propriedade em um invólucro de opções:

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

Obrigado ealfonsopela nova informação

Se concordar em desativar totalmente a rolagem para zoom, você pode usar scrollwheel: false. O usuário ainda poderá ampliar o mapa clicando nos botões de zoom se você fornecer a eles o controle de zoom ( zoomControl: true).

Documentação: https://developers.google.com/maps/documentation/javascript/reference (pesquise "scrollwheel" na página)

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

Se você deseja ocultar apenas a sobreposição, mas ainda desabilitar a capacidade de rolar e aplicar zoom (como antes), pode usar CSS para ocultar a sobreposição:

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

Observe que isso também o ocultará para dispositivos móveis, então você pode usar algo assim para garantir que mostre "use dois dedos para mover o mapa":

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

Aninhar gestureHandlingdentro de uma optionspropriedade funcionou para mim na versão "3.35.6".

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

Não consegui fazer a gestureHandling: 'greedy'correção funcionar para mim, pois tinha uma sobreposição sobre o mapa. Acabei detectando o mousewheelevento e definindo a ctrlpropriedade como 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 });
}