javascript - 如何忽略 map 框图层上的鼠标事件

Question

我在我的 Mapbox map 上建立了一个标记，当用户将鼠标悬停在它上面时看起来像这样:

我遇到的问题是文档图标与背景图钉是一个单独的层。这样用户就可以上传自定义图标。使用 mouseover 和 mouseleave 事件在背景图钉层上创建悬停弹出窗口时，当用户将鼠标悬停在图标层上时，弹出窗口会闪烁。这是因为用户在技术上离开了背景 pin 层。

我知道有一些 javascript hack 可能会造成困惑，但我真正想要的是一种“忽略”mapbox 图层上的事件的方法。这可能吗？

编辑:此处的标记呈现为 Mapbox 图层，而不是 HTML 标记，因此是使用 Canvas 绘制的(我相信)，因此无法使用 CSS 忽略事件。

Answer 1

使用 CSS 忽略鼠标事件的一种简单方法是使用样式属性 pointer-events:none 这不会触发元素上的任何指针(鼠标)事件