Fireworks オブジェクトを変数として保持しておいてください。削除時に同一インスタンスが必要です。Fireworks を追加するとパフォーマンスに影響します。addFireworksList でまとめて追加するほうが効率的です。import * as GIA from '@ntj/gaia';
const fireworks1 = new GIA.object.Fireworks({
position: new GIA.value.LatLng(35.6812, 139.7671),
zoomRange: new GIA.value.ZoomRange(8, 17),
properties: {
title: 'サンプル花火',
},
});
// 1件追加
map.addFireworks(fireworks1);
// 後から削除
map.removeFireworks(fireworks1);
import * as GIA from '@ntj/gaia';
const fireworksList = [
new GIA.object.Fireworks({
position: new GIA.value.LatLng(35.681, 139.767),
zoomRange: new GIA.value.ZoomRange(8, 17),
}),
new GIA.object.Fireworks({
position: new GIA.value.LatLng(35.690, 139.770),
zoomRange: new GIA.value.ZoomRange(8, 17),
}),
new GIA.object.Fireworks({
position: new GIA.value.LatLng(35.696, 139.775),
zoomRange: new GIA.value.ZoomRange(8, 17),
}),
];
// まとめて追加
map.addFireworksList(fireworksList);
// まとめて削除
map.removeFireworksList(fireworksList);
import * as GIA from '@ntj/gaia';
const fireworks = new GIA.object.Fireworks({
position: map.getCenter(),
zoomRange: new GIA.value.ZoomRange(8, 17),
});
map.addFireworks(fireworks);
打ち上げ花火を1件追加する — 詳細な使用例
地図上の指定座標に
Fireworksオブジェクトを配置し、花火の演出を描画します。 個別追加(addFireworks)とまとめて追加(addFireworksList)の両方に対応しています。 削除も同様に個別(removeFireworks)・まとめて(removeFireworksList)で行えます。