Google haritalarını yakınlaştırmak için Ctrl + Kaydırmayı devre dışı bırakın

CTRL+ ' Nın nasıl devre dışı bırakılacağını bilen var mı Scroll?

İlk olarak fare tekerleği hareket ettirildiğinde Harita Yakınlaştırır / Uzaklaşır. Ama şimdi CTRL+ Fare Tekerleği Kaydırma tuşuna basarak Yakınlaştır / uzaklaştır.

Bu özelliği nasıl devre dışı bırakırız? Belgelerde hiçbir şey bulamıyorum:

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

gestureHandling: 'greedy'Harita seçeneklerinize geçmeniz gerekiyor .

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

Örneğin:

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

Güncelleme! Google Haritalar'dan bu yana 3.35.6, mülkü bir seçenekler sarmalayıcıya almanız gerekir:

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

ealfonsoYeni bilgi için teşekkürler

Yakınlaştırmak için kaydırmayı tamamen devre dışı bırakmakta sorun yaşıyorsanız, kullanabilirsiniz scrollwheel: false. Kullanıcıya yakınlaştırma kontrolü ( zoomControl: true) sağlarsanız, yakınlaştırma düğmelerini tıklayarak haritayı yine de yakınlaştırabilir .

Belgeler: https://developers.google.com/maps/documentation/javascript/reference ("kaydırma tekerleği" için sayfada arama yapın )

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

Yalnızca kaplamayı gizlemek, ancak yine de kaydırma ve yakınlaştırma özelliğini devre dışı bırakmak istiyorsanız (önceki gibi), kaplamayı gizlemek için CSS'yi kullanabilirsiniz:

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

Bunun mobil cihazlar için de gizleneceğini unutmayın, böylece "haritayı hareket ettirmek için iki parmağınızı kullanın" ifadesini göstermesini sağlamak için buna benzer bir şey kullanabilirsiniz:

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

gestureHandlingBir optionsözelliğin içine yerleştirmek benim için "3.35.6" sürümünde çalıştı.

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

gestureHandling: 'greedy'Haritanın üzerine bir bindirme yaptığım için düzeltmenin benim için çalışmasını sağlayamadım . Sonunda mousewheelolayı algılayıp ctrlözelliği true olarak ayarladım .

// 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 });
}