polygons - Mapbox 中的可编辑多边形

Question

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

Answer 1

加载 map 后，您可以添加特征(点，线，多边形)

示例:

  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);

 });