ปิดการใช้งาน Ctrl + เลื่อนเพื่อซูมแผนที่ Google

มีใครรู้วิธีปิดการใช้งานCTRL+ Scrollหรือไม่?

ขั้นแรกเมื่อเลื่อนวงล้อของเมาส์แผนที่จะซูมเข้า / ออก แต่ตอนนี้มันขอให้กดCTRL+ Mouse Wheel Scroll เพื่อซูมเข้า / ออก

เราจะปิดการใช้งานคุณสมบัตินี้ได้อย่างไร? ฉันไม่พบสิ่งใดในเอกสาร:

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 (ค้นหาหน้า "scrollwheel")

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คุณสมบัติเป็นจริง

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