我擴展了@nathanielperales解決方案。

下面的行為描述：

點擊地圖以啟用滾動

當鼠標離開地圖時，禁用滾動

在javascript代碼下方：

// Disable scroll zooming and bind back the click event

var onMapMouseleaveHandler = function (event) {

  var that = $(this);

  that.on('click', onMapClickHandler);

  that.off('mouseleave', onMapMouseleaveHandler);

  that.find('iframe').css("pointer-events", "none");

}

var onMapClickHandler = function (event) {

  var that = $(this);

  // Disable the click handler until the user leaves the map area

  that.off('click', onMapClickHandler);

  // Enable scrolling zoom

  that.find('iframe').css("pointer-events", "auto");

  // Handle the mouse leave event

  that.on('mouseleave', onMapMouseleaveHandler);

}

// Enable map zooming with mouse scroll when the user clicks the map

$('.maps.embed-container').on('click', onMapClickHandler);