画像




ツールチップを表示するメモ。


オプションとして指定。

Option Description
openTooltip 初期表示
offset オフセットの指定
direction 表示位置
permanent 常に表示
sticky マウス位置に表示
opacity 透過表示




画像




script.js


//マーカー表示
var mapMarker = L.marker([lat, lng]).addTo(map);

//ツールチップ表示
mapMarker.bindTooltip("サンプル");

// mapMarker.bindTooltip("サンプル").openTooltip();
// mapMarker.bindTooltip("サンプル", {offset: [50, 50]});
// mapMarker.bindTooltip("サンプル", {direction: "center"});
// mapMarker.bindTooltip("サンプル", {permanent: true});
// mapMarker.bindTooltip("サンプル", {sticky: true});
// mapMarker.bindTooltip("サンプル", {opacity: 0.5});






Leafletを手軽に始めるビルド環境公開しています。
leaflet-starter







Q&A