リーフレットバージョン1を使用しているときにd3jsツールチップが消えるのはなぜですか？

Question

リーフレットと組み合わせてd3jsを使用し、d3noobに触発された方法でツールチップを追加しました。

これは旧バージョンのリーフレット（0.7.3）を使用していたときに機能しました。私は、現在のバージョン（1.0.3リーフレットを）しようとしたとき、私はいくつかの変更をしなければならなかった：

• L.svg().addTo(map)代わりの代わりにmap.on("viewreset", update)
• のmap._initPathRoot()
• ​​は、円のためpointer-events: visibleを設定します。

ただし、ツールチップは表示されません。私が言うことができる限り、彼らは正常に動作するようだが、マップタイルの背後に隠れる（テスト目的のために、元のツールチップ要素にテキストと不透明度1を追加した。マップタイルがロードされるまで、 ）。私はz-indexを追加しようとしましたが、これで解決できませんでした。

• ここでツールチップはこの問題を解決する方法について

任意のアイデアをいただければ幸い消えリーフレット1.0.3と0.7.3リーフレット

そしてここoneを使用して、作品exampleです！

Answer 1

あなたのラベルがあなたのマップよりも高いZインデックスを必要とし、400から98に以下のコードを変更する（99はラベルの値である）

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