Function setAnnotationClickListener

  • 注記クリックリスナーを設定する — 詳細な使用例

    地図上の注記(テキストラベル・アイコン)をクリックしたときのイベントを取得します。 setAnnotationFontFamilyMap でフォントをカスタマイズし、setAnnotationExpandRatio で表示倍率を変更できます。 描画進捗は setAnnotationLoadingProgressListener で監視できます。

    Returns void

    Warning

    • removeAnnotationClickListener でリスナーを解除してください。
    • フォントカスタマイズには WebFont のロードが先に完了している必要があります。
    • 注記の表示倍率は 1.0 が等倍です。2.0 で2倍サイズになります。

    Example: 注記クリックを受け取る

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

    map.setAnnotationClickListener((data) => {
    console.log('クリックされた注記:', data.name, data.latlng);
    });

    // リスナー削除
    map.removeAnnotationClickListener();

    Example: フォントと表示倍率をカスタマイズする

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

    // 注記フォントをカスタマイズ
    map.setAnnotationFontFamilyMap({
    default: 'Noto Sans JP',
    });

    // 注記を1.5倍で表示
    map.setAnnotationExpandRatio(1.5);

    Example: 注記の描画進捗を監視する

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

    map.setAnnotationLoadingProgressListener((progress) => {
    console.log(`注記読み込み進捗: ${Math.round(progress * 100)}%`);
    });

    // リスナー削除
    map.removeAnnotationLoadingProgressListener();

    See