Mapbox：在保持地图控件的同时显示div叠加

Question

我正在使用mapbox-gl-js制作应用，但我无法设置仍允许控制下方地图的div叠加层。

我尝试在叠加div上设置pointer-events: none，但是只有在div的位置设置为fixed或absolute且我希望该位置为relative。

我该怎么做？

谢谢！

Answer 1

你需要：

• 更改块的顺序：首先是地图，然后是叠加。
• 从地图样式中删除zIndex: -1
• 将pointer-events: all添加到覆盖按钮

[https://codesandbox.io/s/2v4p9r1o0j]