Leaflet Draw插件:如何按图层类型动态隐藏/显示绘图工具 [英] Leaflet Draw Plugin: How to hide/show drawing tools by Layer Type dynamically
问题描述
我在项目中使用绘图插件,我想知道如何按图层类型隐藏/显示绘图工具?
I'm using draw plugin in my project and I would like to know how can I hide/show drawing tools by layer type?
例如,假设我有2层,其中一层是Polygon,另一层是Line.
For example, let's say I have 2 layers one of them type is Polygon and the other one is Line.
如果用户选择多边形图层,我想隐藏线描工具.
If user select Polygon layer, I want to hide Line drawing tool.
之后,如果用户选择线层,我想隐藏多边形绘图工具.我在此处进行了查找,但是此示例使工具静态化,我想动态更改 .我怎样才能做到这一点?
After that, If user select Line layer, I want to hide Polygon drawing tool. I've looked here but this example is making tools static, I want to change dynamically. How can I do that?
每个建议都会受到赞赏.
Every suggestion will be appreciated.
推荐答案
我自己解决了这个问题.我在地图初始化时添加了此绘制控件.
I solved it myself. I'm adding this draw control when map initialized.
drawControl = new L.Control.Draw({
draw : {
position : 'topleft',
polygon : false,
polyline : false,
rectangle : false,
circle : false
},
edit : false
});
map.addControl(drawControl);
之后,我编写了一个用于重置绘图工具的函数.
After that, i wrote a function for resetting drawing tools.
function setDrawingTools(layerType) {
map.removeControl(drawControl);
if (layerType == 'Polygon') {
drawControl = new L.Control.Draw({
draw : {
position : 'topleft',
polygon : {
title : 'Draw a sexy polygon!',
allowIntersection : false,
drawError : {
color : '#b00b00',
timeout : 1000
},
shapeOptions : {
color : '#bada55'
},
showArea : true
},
polyline : false,
rectangle : false,
circle : false,
marker : false
},
edit : false
});
} else if (layerType == 'Line') {
drawControl = new L.Control.Draw({
draw : {
position : 'topleft',
polygon : false,
polyline : {
metric : false
},
rectangle : false,
circle : false,
marker : false
},
edit : false
});
} else if (layerType == 'Point') {
drawControl = new L.Control.Draw({
draw : {
position : 'topleft',
polygon : false,
polyline : false,
rectangle : false,
circle : false
},
edit : false
});
}
map.addControl(drawControl);
}
这篇关于Leaflet Draw插件:如何按图层类型动态隐藏/显示绘图工具的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!