leaflet.jsポリゴンにhtmlタイトル（ツールチップ）を追加する方法は？

Question

私はleafletマップを持っています。私は多角形にhtmlタイトル（ツールチップ）を追加したいと思います。プレーンJQueryを使用する場合：

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

タイトルはDOMに追加されますが、表示されません。詳細については、hereを参照してください。私がその解決策に従えば、もはやリーフレット機能を使用できなくなります。

また、leaflet.labelプラグインを試しましたが、ラベルがマウスポインタで動き回りました。私はちょうど）

Answer 1

リーフレット1.0.0内蔵Leaflet.labelプラグインを非難するL.tooltipクラスの新しいを持っているあなたの助け

感謝をホバー上の直後に1つの位置に表示される標準的なブラウザのタイトルツールチップをしたいです。ツールチップは形状中心を指し、マウスで動かない。

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

デモ：https://jsfiddle.net/3v7hd2vx/91/

---

ポリゴンが非常に大きく、現在のズームが高いときにビューの外にすることができポリゴン中央に表示されているツールヒント、およそOPさんのコメントに対処するために、次のことができ

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/

stickyオプションを使用します