Question

我正在使用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');

然后我可以在'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模式，并且每次用户完成绘制要素时都会自动转换为simple_select模式或退出direct_select模式。

如何在彼此之后立即启用其他点的绘制？

https://plnkr.co/x3R0TtHsNGzxPxAOL7HH

Answer 1

我把它发布到Github回购中，它被确认为一个错误 - https://github.com/mapbox/mapbox-gl-draw/issues/793#issuecomment-394568205

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

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

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

1 个答案: