Function setBusLocationCondition

  • setBusLocationCondition(): void

  • バスロケ地図のオプションを設定する — 詳細な使用例

    地図上にリアルタイムのバス位置情報を描画します。 バスアイコンの見た目・ズームレベル・自動更新間隔などを BusLocationCondition でカスタマイズできます。

    Returns void

    Warning

    • データ取得は非同期です。バスがアクティブ（フォーカス状態）になったタイミングは setBusLocationActiveListener で検知してください。
    • clearBusLocationCondition を呼ぶとバスアイコンがすべて削除されます。
    • 特定のバスに注目させたい場合は setBusLocationActiveBus を使用してください。
    • 表示するバスをフィルタリングしたい場合は setBusLocationFilterCallback を使用してください。

    Example: バスロケを表示する

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

    map.setBusLocationCondition(new GIA.value.BusLocationCondition({
      assetServerUrl: `${endpoint}/`,
      companyColorMap: new Map([
        ['00001084', new GIA.value.Color(0.867, 0.251, 0.282, 1.0)],
        ['00001193', new GIA.value.Color(0, 0.643, 0.855, 1.0)],
      ]),
      modelOptions: {
        zoomLevelFixSize: 17.5,
        outlineWidth: 4,
      },
    }));

    // バスがアクティブ（選択状態）になったときのコールバック
    map.setBusLocationActiveListener((item) => {
      console.log('アクティブなバス:', item);
    });

    // バスが非アクティブになったときのコールバック
    map.setBusLocationInactiveListener(() => {
      console.log('バスの選択が解除されました');
    });

    // 注目しているバスのバス停一覧が更新されたときのコールバック
    map.setBusLocationFocusListener((info) => {
      console.log('バス停一覧:', info);
    });

    See

Settings

Member Visibility

Theme