Javascript 如何将d3地图工具提示绑定到传单';波普潘是谁?

Javascript 如何将d3地图工具提示绑定到传单';波普潘是谁?,javascript,backbone.js,d3.js,z-index,leaflet,Javascript,Backbone.js,D3.js,Z Index,Leaflet,我有一个改编版本,它将几个地图层置于彼此之上: 第1层:卫星图像瓷砖(在传单瓷砖窗格中) 第2层:基于D3的矢量多边形(在传单覆盖窗格中) 第3层:标签/道路参考瓷砖(在传单顶部窗格中,添加) 问题在于,鼠标悬停工具提示(绑定到D3多边形的鼠标上方)显示在参考平铺下方: 我已经尝试更改的z索引,但是元素被困在各自的窗格中。如何将D3生成的弹出窗口绑定到传单 谢谢 似乎唯一的方法是为工具提示创建另一个窗格(第4层),并破解d3工具提示代码以在该窗格中添加元素。SVG中没有z-index—

我有一个改编版本,它将几个地图层置于彼此之上:

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

问题在于,鼠标悬停工具提示(绑定到D3多边形的鼠标上方)显示在参考平铺下方:

我已经尝试更改的z索引,但是元素被困在各自的窗格中。如何将D3生成的弹出窗口绑定到传单


谢谢

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

SVG中没有
z-index
——元素按其显示顺序呈现。因此,如果你想让一个元素出现在顶部,你必须确保它在DOM中排在最后;但我的问题是:我如何才能最后添加元素(即在顶部窗格平铺之后)?在添加这些平铺的代码之后运行该代码。抱歉,我没有说得更具体,但您的应用程序相当大;我责怪主干:)但是元素已经在瓷砖之后了。传单顶部窗格{pointer events:none;}保存了我。我需要在我的D3窗格上保持交互,而顶部有一个标签窗格,这就成功了。干杯。不幸的是,crosslet目前使用的是backbone.js,因为它的编织方式让我很难梳理出窗格附件。嘿,哀悼者-有没有人在不同的窗格中添加了传单弹出窗口的例子?当在参考覆盖下使用传单向量层时,我遇到了与上面相同的问题;弹出窗口出现在街道下面。