如何在我的Mapbox地图顶部显示SVG图层？

Question

我正在尝试在我的Mapbox地图顶部显示Voronoi图。我既可以构建，也可以通过某种方式将Voronoi加载到地图之前，然后将其替换为地图，但从未显示在顶部。我需要在哪里调用渲染函数以将其显示在顶部？

我试图添加一堆听众来调用它。我也尝试使用多个选择器，但似乎在正确的位置呈现，只是在不正确的时间呈现。

我的代码在这里： https://beta.observablehq.com/@elxavicio/voronoi-of-spains-train-statitions

voronoi图应显示在地图顶部。

Answer 1

您的地图具有position: absolute，因此在静态定位的svg上呈现。在这里Why does absolute positioned element is displayed over a static one?中查看。要解决此问题，请创建svg position: relative。