Function setCherryBlossomCondition

桜マップの表示条件を設定する — 詳細な使用例

地図上に桜の名所スポットをベクター描画します。 CherryBlossomCondition でスポットのスタイルやズームレベルをカスタマイズできます。 condition を省略（undefined を渡す）すると clearCherryBlossomCondition と同等に動作します。

Warning

• setCherryBlossomCondition は一度に一条件のみ有効です。再設定すると上書きされます。
• clearCherryBlossomCondition を呼ぶと桜スポットの描画がすべて削除されます。

Example: 部分地図/全体地図マーカーと桜3Dモデルを指定して表示する

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

const gltfMap = new Map<GIA.types.CherryBlossomStatus, string>([
  ['つぼみ', cherryEmptyGltf],
  ['咲き始め', cherryEmptyGltf],
  ['5分咲き', cherry5BuGltf],
  ['7分咲き', cherry7BuGltf],
  ['満開', cherryMankaiGltf],
  ['散り始め', cherryMankaiGltf],
  ['葉桜', cherryMankaiGltf],
]);

map.setCherryBlossomCondition(new GIA.value.CherryBlossomCondition({
  partialMapMarker: {
    creationCallback: (position, properties) => {
      const marker = new GIA.object.GLMarker({
        position,
        label: { content: properties.name },
      });
      marker.addEventListener('click', () => {
        console.log(properties.code, properties.blossomStatus);
      });
      return marker;
    },
  },
  entireMapMarker: {
    creationCallback: (position) => {
      return new GIA.object.GLMarker({
        position,
        info: new GIA.value.GLMarkerIconInfo({
          icon: `${endpoint}/idea/asset/common/feature/cherryblossom/point_05.png`,
          size: new GIA.value.Size(15, 15),
          gravity: 'center',
        }),
      });
    },
  },
  blossomObject: {
    gltfMap,
    scale: 0.3,
  },
}));
Copy

See

• setCherryBlossomCondition
• clearCherryBlossomCondition