Ability to cancel drawing

[jacobtoye]

Currently the user can press Esc to cancel drawing. Should also add a button that cancels as well. Could appear only when user has selected a drawing tool.

[georgecoltart]

I'm attempting to do this programmatically without using the L.Draw UI, is there a function that triggers the cancelling of the drawing?

I've been using this successfully to start the drawing: new L.Draw.Polyline(map, drawControl.options.polyline).enable();

I've tried clearing the target FeatureGroup but it seems there's nothing in there until the shape has been finished?

thanks :)

[jacobtoye]

@georgecoltart All you need to do is disable the handler :)

// Start drawing
var myPolylineDrawHandler = new L.Draw.Polyline(map).enable();

// Cancel drawing
myPolylineDrawHandler.disable();

[georgecoltart]

Thanks but the handler seems to be undefined when I try cancel it? the first line works fine to activate the drawing mode though

    var polylineDrawHandler = new L.Draw.Polyline(map).enable();

    console.log('polylineDrawHandler: ' + polylineDrawHandler);

This traces as undefined in the console...

[jacobtoye]

Ah sorry handler.enable() doesn't return this. Try:

var myPolylineDrawHandler = new L.Draw.Polyline(map);

// Start drawing
myPolylineDrawHandler.enable();

// Cancel drawing
myPolylineDrawHandler.disable();

[Loykos]

How can I cancel drawing if started by the Toolbar button? How can I get the drawHandler?

[BitaShamsafar]

try this
L.DomEvent.on(document.getElementById('abbruch'), 'click', this.disable, this);
put it in Toolbar.js inside one of functions

[mapping-mat]

this worked for me:
drawControl._toolbars.draw._activeMode.handler.disable()
given:
var drawControl = new L.Control.Draw({position: 'topleft'});