如何将d3地图工具提示绑定到Leaflet的popupPane?

时间:2014-02-02 19:21:24

标签: javascript backbone.js d3.js z-index leaflet

我对Crosslet进行了改编,将几张地图图层叠加在一起:

  • 第1层:卫星图像图块(在传单图块窗格中)
  • 第2层:基于D3的矢量多边形(在传单 - 覆盖 - 窗格中)
  • 第3层:标签/道路参考图块(在传单顶部窗格中,添加了this method

Application here

Source here

这个问题是悬停工具提示 - 绑定到D3多边形的鼠标悬停 - 显示参考图块下面:

enter image description here

我尝试更改the hover tooltip element的z-index,但这些元素被困在各自的窗格中。如何将D3生成的弹出窗口绑定到小册子popup pane

谢谢!

1 个答案:

答案 0 :(得分:2)

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