dayjournal memo

Total 967 articles!!

Leaflet #050 - ツールチップを表示

Yasunori Kirimoto's avatar

画像



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


オプションとして指定。

OptionDescription
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



book

Q&A