如何从leaflet-draw编辑工具栏中的删除按钮中删除"clear all"操作?
我知道您可以删除整个delete按钮但仍需要删除单个项目 . 基本上寻找一种方法来阻止用户从 Map 中删除每个项目 .
编辑工具栏测试按钮处理程序上是否存在 removeAllLayers 成员 . 因此,禁用清除所有操作的简单但可能很重的方法是在 L.EditToolbar.Delete 模块上进行核心 removeAllLayers :
removeAllLayers
L.EditToolbar.Delete
L.EditToolbar.Delete.include({ removeAllLayers: false }); new L.Control.Draw({ edit: { featureGroup: drawnItems }, draw: { } }).addTo(map);
还有一个演示
var map = L.map(document.getElementById('map'), {zoomControl: false}).setView([48.8583736, 2.2922926], 15); L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { attribution: '© <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' }).addTo(map); var drawnItems = new L.geoJson().addTo(map); map.on(L.Draw.Event.CREATED, function (event) { var layer = event.layer; drawnItems.addLayer(layer); }); L.EditToolbar.Delete.include({ removeAllLayers: false }); new L.Control.Draw({ edit: { featureGroup: drawnItems }, draw: { polygon: false, rectangle: false, circlemarker: false } }).addTo(map);
html, body { height: 100%; margin: 0; } #map { width: 100%; height: 100%; }
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css" integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ==" crossorigin=""/> <script src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js" integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log==" crossorigin=""></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.12/leaflet.draw.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/0.4.12/leaflet.draw.js"></script> <div id='map'></div>
1 回答
编辑工具栏测试按钮处理程序上是否存在
removeAllLayers
成员 . 因此,禁用清除所有操作的简单但可能很重的方法是在L.EditToolbar.Delete
模块上进行核心removeAllLayers
:还有一个演示