マーカー画像を読み込む
public に入れたエーテライトアイコンをインポートします。
import imageAetheryte from '/public/eorzea_map/aetheryte.png';マーカーアイコンとして表示する
const aetheryteIcon = L.icon({
iconUrl: imageAetheryte.src,
iconSize: [35, 35],
iconAnchor: [17.5, 17.5],
});
L.marker(L.latLng(-128, 128), {
icon: aetheryteIcon,
}).addTo(map);iconAnchor でアンカーの位置を設定できます。上記の場合は、画像の中央です。
L.marker() でマップに追加すれば表示されます。消したい場合は、L.marker() の戻り値をどこかに保存しておく。
コメントを残す