30 ～ 50 個の SVG シェイプとパスをマップに追加しています。これらの形状とパスの位置は、マップのズームに基づいて変化します。これらの図形をマップに追加する方法は 2 つあります。
- 個々の形状/パスごとに小さな SVG コンテナーを作成します。コンテナー内のセット ポイントに図形を配置します。CSS を使用して、コンテナーをウィンドウに対して相対的に配置します。ズームでコンテナーを再配置します。
- ウィンドウ全体をカバーする、すべての形状とパスを保持する単一の大規模な SVG コンテナーを作成します。SVG 形状座標を使用して形状を配置します。ズーム時に形状を再配置し、ズーム時に SVG コンテナーのサイズを変更します。
ある方法を他の方法よりも優先する可能性のあるパフォーマンス上の懸念はありますか?