Javascript AmCharts Map-提高Map性能

我有一个应用程序，使用amCharts 4显示世界地图，其中每个大陆的颜色不同，然后在某些国家的某些地方显示一些数据

对于地图，我有一个按国家代码键列出所有国家的对象。然后我有一个API，它返回关于哪些国家有一些应该显示在地图上的相关值的数据

为了拥有不同颜色的大陆（有国家边界），我为每个大陆创建了一个不同的系列，并相应地为其着色。但是由于数据结构的原因，这不允许我放置气泡，所以我有另一个系列，在所有彩色的下面，一个完整的世界地图

为了让泡沫成为可能，我已经按照演示中的一个例子，计算了每个国家的视觉中心

我的问题是，这已经变得非常资源密集，以至于有时，随机地，地图无法正确构建，导致所有气泡都位于左上角。我想知道是否有任何方法可以提高这种性能，即： -一种计算视觉中心或获取此类中心坐标的更简单方法。

---

-如果您不需要国家边界，我建议您执行以下步骤：

1） 创建一张包含国家和国家系列上设置的

calculateVisualCenter=true

的地图。 2） 构建地图时，循环遍历所有多边形，并将每个多边形的VisualUngtude/VisualTitude保存到某个对象中，在控制台中输出结果。 3） 使用实际地图中的坐标作为气泡位置

下面是一个快速演示，其中坐标被保存并记录到控制台：

---

如果您不需要国家边界，我建议您执行以下步骤：

1） 创建一张包含国家和国家系列上设置的

calculateVisualCenter=true

的地图。 2） 构建地图时，循环遍历所有多边形，并将每个多边形的VisualUngtude/VisualTitude保存到某个对象中，在控制台中输出结果。 3） 使用实际地图中的坐标作为气泡位置

下面是一个快速演示，其中坐标被保存并记录到控制台：