mapbox - Mapbox-gl 填充层在更高的缩放比例下扭曲渲染

Question

我正在使用 mapbox-gl 版本 0.46.0-beta.1（带有 ReactJS）。

我使用 GeoJSON 源绘制了简单的填充层。

用于绘制填充的坐标是

坐标数据：

在特定缩放级别，多边形按预期呈现。

预期层：

但是在放大时，多边形会变形。

扭曲填充层：

我正在使用的代码是：

       `let paint = {
          'fill-color': 'Some Color',
          'fill-opacity': 0.4,
          'fill-outline-color': 'Some Color'
        }
        let uniqueID = 'someuniqueID';
        map.addLayer({
          'id': uniqueID,
          'type': 'fill',
          'source': {
              'type': 'geojson',
              'data': {
                  'type': 'Feature',
                  'geometry': {
                      'type': 'Polygon',
                      'coordinates': [polyCoords]
                  }
              }
          },
          'paint': paint
        })`

标签： mapboxmapbox-gl-jsmapbox-gl

Answer 1

通过确保多边形中的第一个点也是最后一个点，我们能够解决同样的问题。对于这个多边形，你应该添加点：

[28.6045067810482..., 77.3860210554725...]