0

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

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

如何在一个之后立即绘制附加点?

https://plnkr.co/x3R0TtHsNGzxPxAOL7HH

4

1 回答 1

1

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

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

map.on('draw.modechange', e => {
    drawing.changeMode('draw_point');
});
于 2018-06-05T23:43:13.630 回答