Warum verschwinden d3js Tooltips bei Verwendung der Leaflet-Version 1

Question

Ich habe d3js in Kombination mit Leaflet verwendet und Tooltips in Anlehnung an d3noob hinzugefügt.

Dies funktionierte, als ich eine alte Version von Leaflet (0.7.3) verwendete. Wenn ich die aktuelle Version (Prospekt 1.0.3) versucht, musste ich ein paar Änderungen vornehmen:

• L.svg().addTo(map) statt map._initPathRoot()
• map.on("moveend", update) statt map.on("viewreset", update)
• pointer-events: visible für Kreise gesetzt.

Die Tooltipps werden jedoch nicht angezeigt. Soweit ich das beurteilen kann, scheinen sie OK zu funktionieren, werden aber hinter den Kartenkacheln versteckt (zu Testzwecken habe ich dem ursprünglichen Tooltip-Element etwas Text und Opazität 1 hinzugefügt; es erscheint kurz in der oberen linken Ecke, bis die Kartenkacheln geladen sind)). Ich habe versucht, eine z-index hinzuzufügen, aber das hat es nicht gelöst.

• Hier ist ein example das würde sehr geschätzt arbeitet, mit Leaflet 0.7.3
• Und hier one mit Prospekt 1.0.3, wo der Tooltip verschwindet

Irgendwelche Ideen, wie man dieses Problem beheben !

Answer 1

Ihr Label einen höheren Z-Index als Ihre Karte benötigt, den Code unter 400-98 (99 ist der Wert des Etiketts) ändern

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