javascript - 如何将 d3 map 工具提示绑定(bind)到 Leaflet 的 popupPane？

Question

我已经改编了Crosslet将几个 map 层设置在彼此之上:

• 第 1 层:卫星图像图 block (在 leaflet-tile-pane 中)
• 第 2 层:基于 D3 的矢量多边形(在 leaflet-overlay-pane 中)
• 第 3 层:标签/道路引用图 block (在 leaflet-top-pane 中，添加了 this method )

Application here

Source here

问题是悬停工具提示 - 绑定(bind)到 D3 多边形的鼠标悬停 - 显示在引用图 block 下方:

我试过更改 the hover tooltip element 的 z-index ，但元素有点被困在各自的 Pane 中。如何将 D3 生成的弹出窗口绑定(bind)到传单 popup pane ？

谢谢!

Answer 1

似乎唯一的方法是为工具提示创建另一个 Pane (第 4 层)并破解 d3 工具提示代码以在该 Pane 中添加元素。