Leafletのマーカーを変更する

マーカー画像を読み込む

マーカー画像を読み込んでマップに登録する。
画像読み込み時にサイズとアンカー位置を設定する。

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);