一次绘制、编辑和保存多个多边形Leaflet.Editable
一次绘制、编辑和保存多个多边形Leaflet.Editable
提问于 2021-06-28 20:16:24
在Leaflet.Editable中，我需要绘制几个多边形，能够编辑它们，最后将它们保存为GeoJSON或通过外部按钮将它们全部删除。我可以用一个多边形来做：
map = new L.Map('mapa', {
maxBounds: extent,
minZoom: 12,
zoomControl:false,
touchZoom: true,
tap: false,
editable:true,
attributionControl:true,
zoomControl: true
});
$('body').on('click','#start_drawing',function(e){
newPolygon=map.editTools.startPolygon('',{color:'#d7191c', opacity:0.8, weight: 5,fillColor:'#d7191c', fillOpacity:0.2});
});
$('body').on('click','#delete_drawing',function(e){
map.removeLayer(newPolygon);
});
$('body').on('click','#save_drawing',function(e){
newPolygon.toGeoJSON();
});我试图为LeafletEditable设置featureLayer，但它创建了空的LayerGroup。
谢谢你的帮助，丹
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-06-30 05:25:06
对新多边形进行分组是可行的，但您需要设置一个组来将它们保存在控件的回调之外。首先向地图添加一个空组，然后在创建新多边形时将其添加到该组中。下面这样的方法应该是可行的：
map = new L.Map('mapa', {
maxBounds: extent,
minZoom: 12,
zoomControl:false,
touchZoom: true,
tap: false,
editable:true,
attributionControl:true,
zoomControl: true
});
const fg = L.featureGroup().addTo(map);
$('body').on('click','#start_drawing',function(e){
const newPolygon=map.editTools.startPolygon('',{color:'#d7191c', opacity:0.8, weight: 5, fillColor:'#d7191c', fillOpacity:0.2});
fg.addLayer(newPolygon);
});
$('body').on('click','#delete_drawing',function(e){
fg.clearLayers();
});
$('body').on('click','#save_drawing',function(e){
let geoJSON = fg.toGeoJSON();
// Do something with geoJSON...
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68163212
复制相关文章
相似问题
腾讯云开发者
