爲什麼使用單張版本1時d3js工具提示消失

Question

我一直在使用d3js與Leaflet相結合，以d3noob的靈感來添加工具提示。

這個工作時，我使用舊版本的小葉（0.7.3）。當我試圖在當前版本（1.0.3單張），我不得不做出一些改變：

• L.svg().addTo(map)而不是map._initPathRoot()
• ​​，而不是map.on("viewreset", update)
• 設置pointer-events: visible爲界。

但是，工具提示不顯示。據我所知，他們似乎工作正常，但隱藏在地圖塊後面（爲了測試目的，我在原始工具提示元素中添加了一些文本和不透明度1;它短暫出現在左上角，直到地圖塊加載）。我嘗試添加一個z-index，但這並沒有解決它。

• 這裏是一個example的作品，使用單張0.7.3
• 這裏one與傳單1.0.3，其中提示消失

關於如何解決這個任何想法，將不勝感激！

Answer 1

您的標籤需要一個更高的z-index比你的地圖，從400到98以下更改代碼（99爲標籤的值）

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