Javascript 谷歌地图-jquery切换滑动

我知道这个话题已经讨论过了，但我正试图想出我自己的解决方案，我不明白为什么它不起作用。如有任何建议，将不胜感激

HTML:

jQuery：

$(document).ready(function(){
    $("#map").click(function(){
       $("#map").removeClass("no-interact");
    });

    $("#map").mouseleave(function(){
      $("#map").addClass("no-interact");
    });
});

---

CSS类正常工作并禁用嵌入在网页上的地图滚动。但当我点击它时，什么也没发生。jquery代码有问题吗？

谷歌地图有自己的点击事件处理程序。尝试使用GoogleMapsJavaScriptAPI代替iframe，它有用于自定义事件绑定的API。

---

您想要实现什么？

指针事件：无

正在做必须做的事情，将一个元素从任何

鼠标事件的目标中移除。那么，您希望如何在元素上附加鼠标事件，而该元素在
鼠标事件
中不可用。在前面的讨论中，地图顶部有一个层用于捕获鼠标事件。感谢Brenzy，它可以通过地图顶部的另一个层工作。我正在尝试启用/禁用地图缩放当然。。。
 .no-interact {
    pointer-events: none;
 }

$(document).ready(function(){
    $("#map").click(function(){
       $("#map").removeClass("no-interact");
    });

    $("#map").mouseleave(function(){
      $("#map").addClass("no-interact");
    });
});