Dynamically remove controls with setDrawingOptions

Hi,

I’m changing the options set to drawControl dynamically and I noticed that passing polyline: false for instance, won’t remove/hide the polyline control. If it’s normal, it should be in the doc imo.

Thanks.

[max-che]

Just noticed: if after

drawControl.setDrawingOptions({
    polyline: false
});

i do:

map.removeControl(drawControl);

and:

map.addControl(drawControl);

Changes take effect.

[cavasinf]

Here is what I’ve done to allow the user to only create one shape.

Custom it as you want.

    const map = new L.Map("my_map");
    const drawnItems = new L.FeatureGroup();

    /** ================ CONTROLS PANEL ================ */

    let canCreateNewDraw = true;
    let drawControl;

    _initToolbar();

    function _initToolbar() {
        if (drawControl) map.removeControl(drawControl);

        drawControl = new L.Control.Draw({
            position: 'topleft',
            draw: {
                polyline: false,
                polygon: canCreateNewDraw,
                rectangle: canCreateNewDraw,
                circle: false,
                marker: false,
                circlemarker: false,
            },
            edit: {
                featureGroup: drawnItems,
                remove: true
            }
        });

        map.addControl(drawControl);
    }
    /** ================================================ */

    /** ================ EVENTS ================ */
    map.on(L.Draw.Event.CREATED, function () {
        drawnItems.addLayer(layer);
        canCreateNewDraw = false;
        _initToolbar();
    });

    map.on(L.Draw.Event.DELETED, function () {
        if (drawnItems.getLayers().length === 0) {
            canCreateNewDraw = true;
            _initToolbar();
        }
    });
    /** ======================================== */