[[:programming_start]] ====== Leaflet マーカーにツールチップ表示 ====== Leaflet v1系を使用してマーカーにツールチップ(マウスオーバーで表示するラベル)を追加します。 注意:「Leaflet勉強のための試作プログラムなので間違っている可能性があります」「DokuWikiは個別にヘッダを編集できないので通常とは少し違う構造になっています」 ---- ===== デモ ===== マーカーにマウスオーバーすると小窓に文字列が表示されます。(マウスの無いスマートフォンやタブレットなどではタッチするとポップアップと同時に表示されます)
---- ===== ソースコード =====
---- ===== 説明 ===== マップの基本部分は[[map]]をご覧ください、マーカーについては[[marker]]をご覧ください。 ツールチップを表示するには bindTooltip() を使います。HTMLが使用できます。 L.marker([35.6896, 139.6918]).addTo(mymap).bindPopup('東京都').bindTooltip('Tokyo'); //L.marker([ 緯度,経度 ]).addTo(マップ変数).bindPopup(ポップアップ表示内容).bindTooltip(ツールチップの内容);