首页 > 解决方案 > mapbox 讲故事点击 div

问题描述

有一个 mapbox scrollytelling https://demos.mapbox.com/scrollytelling/。我需要访问地图(鼠标单击和鼠标移动),但无法访问它。我已经尝试使用pointer-events:none父层(对我不起作用,我将它应用于几乎每个层,但地图仍然没有收到点击事件),但是这个很好,但我也需要 mouseover,mouseenter 事件

document.addEventListener('click', function(e) {
  console.log('e', e);
  map.fire("click", {
    lngLat: map.unproject([e.x, e.y]),
  });
});

还有一个z-index:-5地图图层,它也会以某种方式影响点击。实际上 map.fire 很好,但是如何传递 mouseover、mouseenter 等?或者对指针事件有什么想法:无和 z-index?我需要的只是将 evnts 传递给 map 谢谢

标签: javascriptcssz-indexpointer-events

解决方案


推荐阅读