Press escape in the editor to stop drawing

This function is only partially working atm. It only applies
the style when resuming an existing dataset. When starting
from scratch, the default style will be used.

htdocs/mapscript.js

@@ -62,6 +62,9 @@ var style_outlines = {
 		fillOpacity: 0.5
 	};
 
+var style_streets = {
+	};
+
 
 // Projection fix from: https://gis.stackexchange.com/questions/200865/leaflet-crs-simple-custom-scale
 var factorx = 1 / 256 * 4;

htdocs/streeteditor.js

@@ -10,6 +10,14 @@ if (editor_mode) {
 
 	var edit_active = 0;
 	
+	var editor_style = {
+		radius: 8,
+		fillColor: "#00ff00",
+		color: "red",
+		opacity: 1.0,
+		fillOpacity: 0.5
+	};
+
 	function start_editing(dir = 1) {
 		// TODO: Check whether we already are in edit mode
 		// TODO: Detect whether we are cloner to the tail or the head, and issue Fwd or Bwd accordingly
@@ -73,9 +81,9 @@ if (editor_mode) {
 				coords[i] = [coords[i][1], coords[i][0]];
 			}
 			if (editor_mode_polygon)
-				polyline = L.polygon([coords]).addTo(mymap);
+				polyline = L.polygon([coords], editor_style).addTo(mymap);
 			else
-				polyline = L.polyline(coords).addTo(mymap);
+				polyline = L.polyline(coords, editor_style).addTo(mymap);
 			// polyline.on('dragend', onDragEnd); // TODO: Doesn't work, see "workaround" below
 			polyline.enableEdit();
 			if (interactive) {
@@ -95,9 +103,17 @@ if (editor_mode) {
 	window.addEventListener("hashchange", editor_onHashChange, false);
 	window.addEventListener("mouseup", onDragEnd, false); // Workaround as polyline.on(dragend, ) doesn't seem to work
 
+	function onMapKeydown(e) {
+		if (e.originalEvent.key == "Escape") {
+			if (polyline)
+				polyline.editor.cancelDrawing();
+		}
+	}
+
 	// Configure map for better editing
 	mymap.setMaxZoom(14);
 	mymap.off('click', onMapClick);
+	mymap.on('keydown', onMapKeydown);
 
 	function get_location_string() {
 		var latlngs;