typescript - 如何使用 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 拦截单击事件,否则将绘制第二个点和第一个和第二个之间的一条线。
解决方案
推荐阅读
- webstorm - 为什么 WebStorm 突出显示项目窗格中的所有文件?
- angular - 如果用户未登录 Angular 12,则重定向到登录页面
- image - 如何在“react-native-image-crop-picker”中指定布局的高度
- vue.js - 如何修复 Vue JS 中的警告“数据属性已声明为道具。请改用道具默认值”
- python - itertuples() Python 访问下一行数据?
- fortran - 如何避免为子模块中实现的延迟类型绑定过程重写相同的接口?
- elasticsearch - 如何使用elasticsearch在匹配的所有字段中搜索查询
- c++ - 如何在c ++中创建其字段引用对象的数组
- python - 我们可以在没有任何继承的情况下在新创建的类中使用超级方法吗?
- java - 媒体播放器破坏应用程序的流程