Added editing shapes

angular.json

@@ -38,6 +38,7 @@
               "./node_modules/leaflet-openweathermap/leaflet-openweathermap.js",
               "./node_modules/leaflet-rotatedmarker/leaflet.rotatedMarker.js",
               "./node_modules/esri-leaflet/dist/esri-leaflet.js",
+              "./src/assets/js/leaflet.Editable.js",
               "./node_modules/jquery/dist/jquery.js"
             ]
           },

src/app/services/map.service.ts

@@ -36,7 +36,7 @@ export class MapService {
     map;
 
     constructor(private elementId: string) {
-        this.map = L.map(elementId, {attributionControl: false, tap: true, zoomControl: false, maxBoundsViscosity: 1, doubleClickZoom: false}).setView({lat: 0, lng: 0}, 10);
+        this.map = L.map(elementId, {attributionControl: false, editable: true, tap: true, zoomControl: false, maxBoundsViscosity: 1, doubleClickZoom: false}).setView({lat: 0, lng: 0}, 10);
         this.map.on('click', (e) => this.click.next({event: e}));
         this.setMapLayer();
     }