Function addEventListener

GaIA イベントリスナーを登録する — 詳細な使用例

地図全体のイベント（クリック・ズーム・移動完了など）をサブスクライブします。 イベント名を型安全に指定でき、対応する GaIAEventMap のイベントデータが取得できます。 不要になったら 必ず removeEventListener で解除してください。

主なイベント名

イベント名	発火タイミング
click	地図クリック時
dblclick	ダブルクリック時
moveend	地図移動完了時
zoomend	ズーム変更完了時
contextmenu	右クリック（長押し）時

Warning

• removeEventListener には 登録時と同一の関数参照 を渡す必要があります。アロー関数を直接渡すと解除できないため、変数に保持してください。

Example: 地図クリック座標を取得する

import * as GIA from '@ntj/gaia';

const onMapClick = (ev: GIA.GaIAEventMap['click']) => {
  console.log('クリック座標:', ev.latlng);
};

map.addEventListener('click', onMapClick);

// 解除
map.removeEventListener('click', onMapClick);
Copy

Example: 地図移動完了時に中心座標をログする

import * as GIA from '@ntj/gaia';

const onMoveEnd = (ev: GIA.GaIAEventMap['moveend']) => {
  console.log('移動後の中心:', map.getCenter());
};

map.addEventListener('moveend', onMoveEnd);
Copy

See

• addEventListener
• removeEventListener