Function setRoadShapeOpenedCondition

新規開通道路の表示条件を設定する — 詳細な使用例

ズームレベル範囲と基準日時を指定して、新規開通道路を地図上に描画します。 callback で道路ごとに描画スタイル（内線・縁線の色や太さ）を動的に変更できます。

Warning

• zoomRange を省略するとデフォルトのズームレベル範囲が使用されます。
• baseDate を省略すると現在日時が使用されます。
• クリックイベントを取得するには setRoadShapeOpenedClickListener を併用してください。
• clearRoadShapeOpenedCondition で非表示に戻せます。

Example: 新規開通道路を表示する

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

map.setRoadShapeOpenedCondition(new GIA.value.RoadShapeOpenedCondition({}));
Copy

Example: ズームレベル 12〜18 で開通道路を表示し、クリック時に道路名を表示する

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

const isHighlighted = true;
const baseDate = new Date();

let callbackFunc: GIA.types.RoadShapeOpenedCallback | null = null;
if (isHighlighted) {
  callbackFunc = () => {
    return new GIA.value.RoadShapeOpenedAppearance(
      {
        inline: {
          visible: true,
          color: GIA.value.Color.red(),
          weight: 8,
        },
      },
      true,
    );
  };
}

map.setRoadShapeOpenedCondition(new GIA.value.RoadShapeOpenedCondition(
  {
    zoomRange: new GIA.value.ZoomRange(12, 18),
    baseDate,
  },
  callbackFunc,
));

map.setRoadShapeOpenedClickListener((data) => {
  alert(`${data.roadId} ${data.roadName} ${data.startDate}開通`);
});
Copy

See

• setRoadShapeOpenedCondition
• clearRoadShapeOpenedCondition
• setRoadShapeOpenedClickListener