如何将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/