使用传单版本1时,为什么D3J工具提示会消失



我一直在使用D3J与传单结合使用D3J,以D3NOOB启发的方式添加工具提示。

当我使用旧版本的传单(0.7.3(时,这起作用了。当我尝试当前版本(传单1.0.3(时,我必须进行一些更改:

  • L.svg().addTo(map)代替map._initPathRoot()
  • map.on("moveend", update)代替map.on("viewreset", update)
  • pointer-events: visible设置为圆圈。

但是,工具提示不显示。据我所知,它们似乎可以正常工作,但隐藏在地图瓷砖后面(用于测试目的,我在原始的Tooltip元素中添加了一些文本和不透明度1;它简短地出现在左上角,直到地图图块负载。(。我尝试添加z-index,但这无法解决。

  • 这是一个使用传单0.7.3
  • 的示例
  • 在这里,其中一个带有1.0.3的传单,工具提示消失了

关于如何解决此问题的任何想法将不胜感激!

您的标签需要比地图更高的z索引,将以下代码从400更改为98(99是标签的值(

.leaflet-pane {
    z-index: 98;
}

最新更新