如何將html標題（工具提示）添加到leaflet.js多邊形？

Question

我有一個leaflet地圖，我想添加一個html標題（工具提示）到我的多邊形。如果我使用普通的JQuery：

$('<title>my tooltip</title>').appendTo() 

標題被添加到DOM但不可見。有關更多詳細信息，請參見here，但如果我遵循該解決方案，則不能再使用傳單功能。

我也嘗試了leaflet.label插件，但標籤隨鼠標指針移動。我只是想不久後出現在一個位置上懸停

感謝您的幫助的標準瀏覽器的標題提示）

Answer 1

傳單1.0.0有一個新的內置L.tooltip類，棄用的Leaflet.label插件。工具提示指向形狀中心，不隨鼠標移動。

L.polygon(coords).bindTooltip("my tooltip").addTo(map); 

演示：https://jsfiddle.net/3v7hd2vx/91/

---

爲了解決有關在多邊形中心顯示工具提示OP的評論，它可以拿出來看時，多邊形非常大，當前變焦高，你可以使用sticky選項：

L.polygon(coords).bindTooltip("my tooltip", { 
    sticky: true // If true, the tooltip will follow the mouse instead of being fixed at the feature center. 
}).addTo(map); 

更新演示：https://jsfiddle.net/3v7hd2vx/402/