如何纠正 d3 轮廓形状的缠绕顺序？

Question

我使用

d3-contour

从网格数据创建了轮廓线。不幸的是，我无法在地图盒地图上正确渲染带有孔的形状。孔作为外部形状顶部的附加层出现，而不是切割孔。然而，当使用可观察图绘制相同的数据时，形状会正确呈现。我想这与绕线顺序有关，绕线顺序在 d3 中的处理方式不同。不幸的是，尝试使用 @turf/rewind

 修复缠绕顺序并没有给我带来任何进一步的帮助。

为了说明这个案例，我创建了这个

可观察笔记本

。我该如何纠正绕线顺序？

Answer 1

MapShaper

修复漏洞。只需上传您的 GeoJSON，打开 MapShaper 控制台，然后执行 clean rewind

我这样做了，并在 Observable 上生成了 

这个 Mapbox 地图。当然，您可以从那里下载 GeoJSON 来查看。这是结果的屏幕截图：