javascript - 从 d3.js 中的 GeoJson 多边形获取每个多边形的质心

Question

我将 d3.js 用于非连续制图，其中国家/地区根据某些数据进行缩放。我正在从 GeoJson 文件生成的 svg 中的每个国家/路径的质心进行缩放，但这对于被描述为多面体的国家(例如美国或加拿大)来说看起来不太好。

我想找到形成多多边形的每个多边形的质心，这样我就可以在不平移它们的情况下重新缩放。例如，当使用美国的质心时，阿拉斯加向右移动(在墨卡托投影中)，而其余部分则向上移动。理想情况下，阿拉斯加将从它自己的质心缩放，因此它会保持在相同的位置。

是否可以遍历多面要素中的每个多边形并获取其质心？

谢谢!

Answer 1

最后，我决定通过迭代 geometry.coordinates 来拆分多边形中的多边形，正如@LarsKotthoff 提到的那样。使用这些多边形，我创建了一个新的要素数组，其中没有 Multipolygon 类型。路径从该数组添加到 svg，导致多个多边形具有相同的 ID 和名称，即加拿大的多个多边形具有相同的国家/地区缩写。

因此您可以继续使用 d3 的 path.centroid() 来获取每个多边形的质心。