Question

我正在使用mapbox绘制来绘制多边形。我希望它能够一次在屏幕上只有一个绘制的多边形。例如，用户绘制一个多边形，然后再次单击该多边形绘制按钮，第一个多边形将被删除。我尝试使用draw.modechange来执行此操作，但是在编码方式上出现错误。单击多边形绘制按钮时，现有的多边形将被删除，但是当我尝试绘制新的多边形时，则什么也没有。

this.map.on('draw.modechange', (e) => {
        const data = draw.getAll(); 
        console.log(draw.getMode());
        if (draw.getMode() == 'draw_polygon') {
           if (data.features.length > 1) {
               draw.deleteAll();
           }                
        } 
    });

Answer 1

问题在于，当模式更改时，将添加相应类型的模板空功能。然后您删除所有功能。因此，必须通过所有功能并检查模板是否为空功能：

map.on('draw.modechange', (e) => {
  const data = Draw.getAll();
  if (Draw.getMode() == 'draw_polygon') {
    var pids = []

    // ID of the added template empty feature
    const lid = data.features[data.features.length - 1].id

    data.features.forEach((f) => {
      if (f.geometry.type === 'Polygon' && f.id !== lid) {
        pids.push(f.id)
      }
    })
    Draw.delete(pids)
  }
});

[http://jsfiddle.net/9kn1esdq/1/]

使用Mapbox-GL-Draw一次只能绘制一个形状

1 个答案: