Mapbox来自单个geoson源的多个多边形

Question

使用Mapbox JS，我试图从单个Geoson来源绘制多个多边形。我正在跟进本教程针对来自一个Geoson来源（Mapbox link）的多种几何以及实时数据文档（Mapbox link）。但是，我没有在地图上绘制多边形。 FeatureCollection是绘制和更新多个多边形的正确方法吗？多边形的数量也可以随时间变化。

有了map.on（'load'...），我得到了这个源，层和数据加载：

map.addSource('fire', { type: 'geojson', data: fire_url });
/*
        map.addLayer({
        'id': 'fire',
        'type': 'fill',
        'source': 'fire',
        'paint': {
        'fill-color': '#888888',
        'fill-opacity': 0.4
        },
        'filter': ['==', '$type', 'Polygon']
        });


        window.setInterval(function() {
            console.log('got data');
            map.getSource('fire').setData(fire_url);
        }, 1000);

我正在实时更新的数据示例：

{
  "features": [
    {
      "geometry": {
        "coordinates": [
          [
            -8.318497, 
            39.954263
          ], 
          [
            -8.317997, 
            39.954263
          ], 
          [
            -8.317997, 
            39.959263
          ], 
          [
            -8.318497, 
            39.954263
          ]
        ], 
        "type": "Polygon"
      }, 
      "properties": {}, 
      "type": "Feature"
    }
  ], 
  "type": "FeatureCollection"
}

Answer 1

您的GeoJSON无效。您可以在http://geojsonlint.com/

进行测试

Polygon s不仅仅是点的数组（例如LineString s）。它们是点的阵列，因为外部多边形中可能有孔和岛。