Mapbox中的可编辑多边形

Question

我正在尝试使用mapbox-gl-js库来实现一个功能，用户可以在其中添加多边形到地图框图并根据需要进行编辑。我已经能够通过添加图层将多边形添加到地图中，但我不知道如何允许用户编辑它们。有没有一种简单的方法可以将多边形添加到mapbox并更改它们是否可编辑？

Answer 1

您正在寻找mapbox-gl-draw插件。您可以看到演示here。

Answer 2

加载地图后，您可以添加Feature（点，线，多边形）

示例：

  var map = new mapboxgl.Map({
        container: 'map',
        style: 'mapbox://styles/mapbox/streets-v9'
    });

    var draw = new MapboxDraw();

map.addControl(draw);



map.on('load', function () {

var feature = {
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              49.62524414062499,
              31.653381399664
            ],
            [
              55.458984375,
              31.653381399664
            ],
            [
              55.458984375,
              35.28150065789119
            ],
            [
              49.62524414062499,
              35.28150065789119
            ],
            [
              49.62524414062499,
              31.653381399664
            ]
          ]
        ]
      }
    }
  ]
};
var featureIds = draw.add(feature);

 });