svg - 一个大型 SVG 或许多小型 SVG 容器

Question

我在地图上附加了 30-50 个 SVG 形状和路径。这些形状和路径的位置将根据地图缩放而改变。我已经确定了将这些形状添加到地图的两种方法：

1. 为每个单独的形状/路径创建一个小的 SVG 容器。将形状放置在容器内的设定点。使用 CSS 相对于窗口定位容器。在缩放时重新定位容器。
2. 创建一个包含所有形状和路径的大型 SVG 容器，覆盖整个窗口。使用 SVG 形状坐标定位形状。缩放时重新定位形状，缩放时调整 SVG 容器的大小。

是否存在任何性能问题可能使一种方法优于另一种方法？