Désactivez le Ctrl + Faites défiler pour Zoom google maps

Quelqu'un sait-il comment désactiver le CTRL+ Scroll?

Tout d'abord, lorsque la molette de la souris était déplacée, la carte effectuait un zoom avant / arrière. Mais maintenant, il demande d'appuyer sur CTRL+ Molette de la souris pour faire un zoom avant / arrière.

Comment désactiver cette fonctionnalité? Je n'arrive pas à trouver quoi que ce soit dans la documentation:

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

Vous devez passer gestureHandling: 'greedy'à vos options de carte.

Documentation: https://developers.google.com/maps/documentation/javascript/interaction#gestureHandling

Par exemple:

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

Mettre à jour! Depuis Google Maps, 3.35.6vous devez encapsuler la propriété dans un wrapper d'options:

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

Merci ealfonsopour les nouvelles infos

Si vous êtes d'accord avec la désactivation complète du défilement pour zoomer, vous pouvez utiliser scrollwheel: false. L'utilisateur pourra toujours zoomer sur la carte en cliquant sur les boutons de zoom si vous leur fournissez la commande de zoom ( zoomControl: true).

Documentation: https://developers.google.com/maps/documentation/javascript/reference (recherchez "scrollwheel" sur la page)

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

Si vous cherchez à masquer uniquement la superposition tout en désactivant la possibilité de faire défiler et de zoomer (comme auparavant), vous pouvez utiliser CSS pour masquer la superposition:

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

Notez que cela le masquera également pour les mobiles afin que vous puissiez utiliser quelque chose comme ceci pour vous assurer qu'il indique "utiliser deux doigts pour déplacer la carte":

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

L'imbrication gestureHandlingdans une optionspropriété a fonctionné pour moi sur la version "3.35.6".

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

Je n'ai pas pu faire fonctionner le gestureHandling: 'greedy'correctif pour moi car j'avais une superposition sur la carte. J'ai fini par détecter l' mousewheelévénement et définir la ctrlpropriété sur 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 });
}