我在 Mapbox 地图上构建了一个标记，当用户将鼠标悬停在其上时，该标记如下所示：
我遇到的问题是文档图标是与背景图钉不同的层。这样用户就可以上传自定义图标。当使用mouseover and mouseleave事件在背景图钉层上创建悬停弹出窗口，当用户将鼠标悬停在图标层上时，弹出窗口会闪烁。这是因为从技术上讲，用户正在离开后台 pin 层。
我知道有一些 JavaScript 黑客可能会做到这一点，这很混乱，但我真正寻找的是一种“忽略”地图框图层上事件的方法。这可能吗？
编辑：这里的标记被渲染为 Mapbox 层，而不是 HTML 标记，因此是使用画布绘制的（我相信），所以使用 CSS 来忽略事件是不可能的。
使用 CSS 忽略鼠标事件的一个简单方法是使用 style 属性pointer-events:none这不会触发元素上的任何指针（鼠标）事件
