Guide drawing

src/renderer/leaflet/EditControl.js

@@ -2,7 +2,7 @@
 L.EditControl = L.Control.extend({
 
     options: {
-        position: 'topleft',
+        position: 'topright',
         callback: null,
         kind: '',
         html: '<i class="fas fa-draw-polygon"></i>',
@@ -44,6 +44,33 @@ L.NewMarkerControl = L.EditControl.extend({
         callback: null,
         kind: 'marker',
         html: '🖈'
-    }
+    },
 
+    onAdd: function (map) {
+        var container = L.DomUtil.create('div', 'leaflet-control leaflet-bar'),
+            link = L.DomUtil.create('a', '', container);
+
+        link.href = '#';
+        link.title = this.options.tooltip;
+        link.innerHTML = this.options.html;
+        link.callback = this.options.callback;
+        link.addEventListener('click',function (event) {
+            event.stopPropagation();
+            event.preventDefault(); 
+            event.stopImmediatePropagation();               
+        }, false);
+        link.addEventListener('mousedown',function (event) {
+            event.stopPropagation();
+            event.preventDefault(); 
+            event.stopImmediatePropagation();               
+            window.LAYER = this.callback.call(map.editTools);
+        }, false);
+        link.addEventListener('mouseup',function (event) {
+            event.stopPropagation();
+            event.preventDefault(); 
+            event.stopImmediatePropagation();               
+        }, false);
+        return container;
+    }
 });
+