Don't finish Single-Coord Line/Polys

cypress/integration/line.spec.js

@@ -3,6 +3,18 @@ describe('Draw & Edit Line', () => {
 
     const mapSelector = '#map';
 
+    it('doesnt finish single point lines', () => {
+        cy.toolbarButton('polyline').click();
+
+        cy.get(mapSelector)
+            .click(90, 250)
+            .click(90, 250);
+
+        cy.toolbarButton('edit').click();
+
+        cy.hasVertexMarkers(0);
+    });
+
     it('draws and edits a line', () => {
         cy.window().then(({ map }) => {
             cy.hasLayers(map, 1);

cypress/integration/polygon.spec.js

@@ -1,6 +1,18 @@
 describe('Draw & Edit Poly', () => {
     const mapSelector = '#map';
 
+    it('doesnt finish single point polys', () => {
+        cy.toolbarButton('polygon').click();
+
+        cy.get(mapSelector)
+            .click(90, 250)
+            .click(90, 250);
+
+        cy.toolbarButton('edit').click();
+
+        cy.hasVertexMarkers(0);
+    });
+
     it('adds new vertex to end of array', () => {
         // when adding a vertex between the first and last current vertex,
         // the new coord should be added to the end, not the beginning of the coord array

src/js/Draw/L.PM.Draw.Line.js

@@ -241,8 +241,15 @@ Draw.Line = Draw.extend({
             return;
         }
 
-        // get coordinates, create the leaflet shape and add it to the map
+        // get coordinates
         const coords = this._layer.getLatLngs();
+
+        // if there is only one coords, don't finish the shape!
+        if (coords.length <= 1) {
+            return;
+        }
+
+        // create the leaflet shape and add it to the map
         const polylineLayer = L.polyline(
             coords,
             this.options.pathOptions,

src/js/Draw/L.PM.Draw.Poly.js

@@ -12,13 +12,20 @@ Draw.Poly = Draw.Line.extend({
             return;
         }
 
-        // get coordinates, create the leaflet shape and add it to the map
+        // get coordinates
         const coords = this._layer.getLatLngs();
+
+        // if there is only one coords, don't finish the shape!
+        if (coords.length <= 1) {
+            return;
+        }
+
+        // create the leaflet shape and add it to the map
         if (event && event.type === 'dblclick') {
             // Leaflet creates an extra node with double click
             coords.splice(coords.length - 1, 1);
         }
-        const polygonLayer = L.polygon(coords, this.options.pathOptions).addTo(this._map);
+        const polygonLayer = L.polygon(coords, this.options.pathOptions).addTo(this._map,);
 
         // disable drawing
         this.disable();