我一直在使用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;
}