javascript - 更改传单中的图层 z-index

Question

我正在使用传单来追踪我使用多段线方法创建的地下管道。

由于管道/线有时会重叠，我需要能够突出显示需要切换线的 z-index 的选定线。

现在看来 leaflet 确实提供了一个 setZIndex 方法，但它不适用于单独的图层 - 所以我可以在整个 featureGroup 上更改它，但这不太有用 - 并且将每一行放入其自己单独的 featureGroup 感觉就像矫枉过正。

有什么建议吗？

Answer 1

您可以创建另一个具有更高 z-index 的层，该层在开始时为空。当鼠标经过某个要素时，将该要素复制到该图层中。当鼠标外出时，将其从层中移除即可。

这可能对cpu要求有点高，所以我建议你debounce鼠标悬停功能，以便在将鼠标复制到顶层之前让鼠标在要素上等待 1-2 秒。