如何以编程方式在 mapbox-gl-draw 中链接绘图点答案

【问题标题】：How to programatically chain drawing points in mapbox-gl-draw如何以编程方式在 mapbox-gl-draw 中链接绘图点
【发布时间】：2018-06-04 06:30:24
【问题描述】：

我正在使用 mapbox-gl-draw 库的一个非常基本的实现，我可以通过下面的示例成功绘制一个点。

mapObject.drawing = new MapboxDraw({
  styles: MAPBOX_DRAW_STYLES,
  displayControlsDefault: false,
  controls: {
    trash: true
  }
});
mapObject.map.addControl(mapObject.drawing);
mapObject.drawing.changeMode('draw_point');

然后我可以在 on 'draw.create' 事件中捕获该功能

this.mapObject.map.on('draw.create', e => {
  console.log(e.features[0]);
});

正是在这种情况下，我希望能够将模式设置回绘制点，以便用户可以绘制多个点。我已经尝试了以下的多次迭代；

this.mapObject.map.on('draw.create', e => {
  console.log(e.features[0]);
  mapObject.drawing.getMode(); // draw_point
  mapObject.drawing.changeMode('simple_select');
  mapObject.drawing.getMode(); // simple_select
  mapObject.drawing.changeMode('draw_point');
  mapObject.drawing.getMode(); // draw_point
});

点的绘制似乎还没有完成。 documentation 让我相信它应该默认回到 simple_select - Draw 默认处于 simple_select 模式，并且每次用户完成绘制特征或退出 direct_select 模式时都会再次自动转换到 simple_select 模式。

如何启用在一个之后立即绘制附加点？

https://plnkr.co/x3R0TtHsNGzxPxAOL7HH

【问题讨论】：

标签： javascript mapbox-gl-js mapbox-gl-draw

【解决方案1】：

我将其发布到 Github 存储库并被确认为错误 - https://github.com/mapbox/mapbox-gl-draw/issues/793#issuecomment-394568205

建议的解决方法是使用draw.modechange 事件。

map.on('draw.modechange', e => {
    drawing.changeMode('draw_point');
});

【讨论】：