如何在我的 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。