Leaflet.draw 映射:如何在没有工具栏的情况下启动绘

问题描述

对于任何使用过传单或传单.draw 插件的人:

For anyone experienced with leaflet or leaflet.draw plugin:

我想在不使用 leaflet.draw 的工具栏的情况下开始绘制多边形.我已经设法通过在线搜索(不在主文档中)找到允许在不使用工具栏(layer.editing.enable();)的情况下进行编辑的属性.如果没有工具栏按钮，我似乎无法找到如何开始绘制多边形.任何帮助将不胜感激！

I want to initiate drawing a polygon without using the toolbar from leaflet.draw. I've managed to find the property that allows editing without using the toolbar (layer.editing.enable();) by searching online (it's not in the main documentation). I can't seem to find how to begin drawing a polygon without the toolbar button. Any help would be much appreciated!

谢谢你:)

推荐答案

这个简单的代码对我有用:

This simple code works for me:

new L.Draw.Polyline(map, drawControl.options.polyline).enable();

只需将其放入自定义按钮的 onclick 处理程序(或任何您想要的位置).

Just put it into the onclick handler of your custom button (or wherever you want).

变量 map 和 drawControl 是对您的传单地图和绘图控件的引用.

The variables map and drawControl are references to your leaflet map and draw control.

深入研究源代码 (leaflet.draw-src.js)，您可以找到绘制其他元素以及编辑或删除它们的函数.

Diving into the source code (leaflet.draw-src.js) you can find the functions to draw the other elements and to edit or delete them.

new L.Draw.Polygon(map, drawControl.options.polygon).enable()
new L.Draw.Rectangle(map, drawControl.options.rectangle).enable()
new L.Draw.Circle(map, drawControl.options.circle).enable()
new L.Draw.Marker(map, drawControl.options.marker).enable()

new L.EditToolbar.Edit(map, {
                featureGroup: drawControl.options.featureGroup,
                selectedPathOptions: drawControl.options.edit.selectedPathOptions
            })
new L.EditToolbar.Delete(map, {
                featureGroup: drawControl.options.featureGroup
            })

我希望这对你也有用.

L.EditToolbar.Edit 和 L.EditToolbar.Delete 类公开了以下有用的方法:

The L.EditToolbar.Edit and L.EditToolbar.Delete classes expose the following useful methods:

• enable():启动编辑/删除模式
• disable():返回标准模式
• save():保存更改(触发 draw:edited/draw:deleted 事件)
• revertLayers():撤消更改

这篇关于Leaflet.draw 映射:如何在没有工具栏的情况下启动绘图功能?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！