Mapbox-gl-js "nested" 内部多边形不显示

Question

我有一个 geoJson 结构，如下所示：

其中0位置的数组是外部Polygon，1位置的数组是内部Polygon。为了设置多边形的样式，我添加了这些图层：

{'id': dist.identifier,
      'type': 'fill',
      'source': dist.identifier,
      'layout': {},
      'paint': {
        'fill-opacity': 0.3,
        'fill-color': "#ffff00",
      }
}
//and
{
      'id': `${dist.identifier}-line-layer`,
      'type': 'line',
      'source': dist.identifier,
      'layout': {},
      'paint': {
        'line-width': 3,
        'line-color': '#ffff00'
      }
    }

输出如下所示：

当我放大时：

我希望看到这样的东西： https://de.wikipedia.org/wiki/GeoJSON#/media/Datei:SFA_Polygon_with_hole.svg

但是内部多边形没有显示出来。我是不是做错了什么，因为这应该是有效的 geoJson 结构 (https://de.wikipedia.org/wiki/GeoJSON)。我查看了图层定义，但没有找到有关内部多边形的任何信息。

我会感谢所有的意见，并提前谢谢你！

编辑：

感谢@Steve Bennet 向我指出了这个 lint 工具：https://geojsonlint.com/

我发现我

A：内部多边形应遵循右手法则：https://mapster.me/right-hand-rule-geojson-fixer/

B: 它必须至少有 4 个起点和终点相同的点

和 C: 内部多边形未正确嵌套在坐标数组中

Answer 1

感谢@Steve Bennet（见评论），他向我指出了这个 lint 工具：https://geojsonlint.com/

我发现我

A：内部多边形应遵循右手法则：https://mapster.me/right-hand-rule-geojson-fixer/

B: 它必须至少有 4 个起点和终点相同的点

和 C: 内部多边形未正确嵌套在坐标数组中

Mapbox-gl-js "nested" 内部多边形不显示

Mapbox-gl-js "nested" Interior-Polygons not displaying

geojson

mapbox

mapbox-gl-js

编辑：