leaflet-draw delete button remove “clear all” action

后端 未结 2 1590
时光取名叫无心
时光取名叫无心 2021-01-18 06:09

How can I remove the \"clear all\" action from the delete button in the leaflet-draw edit toolbar?

I know you can remove the whole delete button but still need to re

相关标签:
2条回答
  • 2021-01-18 06:27

    i use this code and work for me. change remove to true==>> remove: true:

    var drawControl = new L.Control.Draw({
                position: 'topright',
                draw: {
    
                        polyline: false,
                        polygon:false,
                        circle: false, // Turns off this drawing tool
                        rectangle: true,
    
                        marker: true
                        },
                edit: {
                     featureGroup: drawnItems,
                    remove: true
                            }
            });
    
    0 讨论(0)
  • 2021-01-18 06:32

    The edit toolbar tests the existence of a removeAllLayers member on the button handler. So, a simple but probably heavy handed way to disable the clear all action is to nuke removeAllLayers on the L.EditToolbar.Delete module:

    L.EditToolbar.Delete.include({
        removeAllLayers: false
    });
    
    new L.Control.Draw({
        edit: {
            featureGroup: drawnItems
        },
        draw: {
        }
    }).addTo(map);
    

    And a demo

    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: '&copy; <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>

    0 讨论(0)
提交回复
热议问题