gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 01:45:06 24 4
gpt4 key购买 nike

我正在使用 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 模式,并且每次用户完成绘制要素或退出 direct_select 模式时都会自动再次转换到 simple_select 模式.

如何启用紧接着绘制其他点?

https://plnkr.co/x3R0TtHsNGzxPxAOL7HH

最佳答案

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

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

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

关于javascript - 如何在mapbox-gl-draw中以编程方式链接绘图点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50674532/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com