使用
javascript,如何更改leaflet.draw“废纸篓”按钮以删除已绘制并自动保存的所有多边形.下面是我实现的代码,但它是一个完整的黑客.它删除了活动多边形,但是当我在控制台中出现错误时删除一个对象后,当我点击NotfoundError之类的“Trash”图标时：找不到Node并且TypeError：this._deletedLayers为null
map.on('draw:editstart',function (e) {
if(e.handler == 'remove' && typeof drawnItem != 'undefined' && drawnItem !== null){
if(window.console) window.console.log('Drawing deleted...');
if(typeof drawnItem != 'undefined' && drawnItem !== null){
drawnItems.removeLayer(drawnItem);
}
$('.leaflet-draw.leaflet-control .leaflet-draw-actions').hide();
$('.leaflet-popup-pane .leaflet-draw-tooltip').remove();
}
});
解决方法
像jduhls的答案,但使用Leaflet.draw CSS类：
L.Control.RemoveAll = L.Control.extend(
{
options:
{
position: 'topleft',},onAdd: function (map) {
var controlDiv = L.DomUtil.create('div','leaflet-draw-toolbar leaflet-bar');
L.DomEvent
.addListener(controlDiv,'click',L.DomEvent.stopPropagation)
.addListener(controlDiv,L.DomEvent.preventDefault)
.addListener(controlDiv,function () {
drawnItems.clearLayers();
});
var controlUI = L.DomUtil.create('a','leaflet-draw-edit-remove',controlDiv);
controlUI.title = 'Remove All Polygons';
controlUI.href = '#';
return controlDiv;
}
});
var removeAllControl = new L.Control.RemoveAll();
map.addControl(removeAllControl);
