首页 > 解决方案 > 如何使用 leaflet-draw 绘制折线以仅获取显示的虚线然后禁用插件?

问题描述

我正在尝试使用 Leaflet-draw 插件来绘制一条简单的折线。现在,当我开始绘制折线时,我可以在需要的地方启用插件,它通过将顶点添加到起点并在鼠标移动时显示虚线来工作。我在第二次点击时使用 draw:drawvertex 回调来 deleteLastVertex 。

但是当我点击第二个点时,我有两个可能的点击事件:第一个是针对插件的,第二个是当我在不使用插件的情况下完成折线时。我正在尝试联合这两个点击事件或更好地在触发第一个点击事件之前禁用插件。你知道我该如何解决吗?有没有人遇到过同样的问题?

//First point drawn
L.Draw.Polyline(drawMap).enable();
L.Draw.Polyline(drawMap).addVertex(latlang);


drawMap.on('draw:drawvertex', function(e) {
 L.Draw.Polyline(drawMap).deleteLastVertex();
 L.Draw.Polyline(drawMap).disable();
}

Leaflet-draw 拦截单击事件,否则将绘制第二个点和第一个和第二个之间的一条线。

标签: typescriptleafletleaflet.draw

解决方案


推荐阅读