いくつかのマーカーが付いたリーフレット マップがあります。
各マーカーには、次のような html があります。
<img class="leaflet-marker-icon leaflet-clickable leaflet-zoom-animated" src="leaflet/dist/images/marker-icon.png" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate(435px, 200px); z-index: 200;" title="location_1">
マーカーをクリックすると、マーカーの上にポップアップが開きます。
私がやろうとしているのは、各マーカーに関連するマップの外側にリンクを追加することです。
各マーカーには固有のタイトルがあります。したがって、タイトルを次のような識別子として、html リンクのリストを作成するだけでよいでしょうか。
<a class="location_1">location 1</a>
<a class="location_2">location 2</a>
次に、これらのリンクをリーフレット マップ内の対応するマーカーにバインドしますか?
どうすればこれを達成できますか？