Merge pull request #16 from codeofsumit/develop

new API to enable/disable draw on a map
geoman-io · Feb 18, 2016 · d3aa259 · d3aa259
2 parents 1a6cef2 + 9de2029
commit d3aa259
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 25 deletions.
diff --git a/dist/leaflet.pm.js b/dist/leaflet.pm.js
@@ -21,6 +21,11 @@ L.PM = L.PM || {
 
 
 
+    },
+    enableDraw: function(options) {
+
+        L.PM.Draw.Poly.enable(options.map);
+
     },
     addControls: function(map) {
 
@@ -31,13 +36,12 @@ L.PM = L.PM || {
               },
               'afterClick': function(e) {
 
-                  var newPoly;
-
                   if(this.toggled()) {
-                      newPoly = new L.PM.Draw.Poly(map);
-                      newPoly.enable();
+                      L.PM.enableDraw({
+                          map: map
+                      });
                   } else {
-                      newPoly.disable();
+                     map.disableDraw();
                   }
               },
               'doToggle': true,
@@ -156,15 +160,13 @@ L.Control.PMButton = L.Control.extend({
 
 });
 
-L.PM.Draw.Poly = L.Class.extend({
+L.PM.Draw.Poly = {
 
-    initialize: function(map) {
-        this._map = map;
+    enable: function(map) {
 
+        var self = this;
 
-    },
-
-    enable: function() {
+        this._map = map;
 
         this._layerGroup = new L.LayerGroup();
         this._layerGroup.addTo(this._map);
@@ -176,6 +178,10 @@ L.PM.Draw.Poly = L.Class.extend({
 
         this._map.on('click', this._createPolygonPoint, this);
 
+        this._map.disableDraw = function() {
+            self.disable();
+        };
+
     },
     disable: function() {
 
@@ -222,7 +228,7 @@ L.PM.Draw.Poly = L.Class.extend({
         return marker;
 
     },
-});
+};
 
 L.PM.Edit.Poly = L.Class.extend({
 

diff --git a/dist/leaflet.pm.min.js b/dist/leaflet.pm.min.js
diff --git a/src/js/L.PM.Draw.Poly.js b/src/js/L.PM.Draw.Poly.js
@@ -1,12 +1,10 @@
-L.PM.Draw.Poly = L.Class.extend({
-
-    initialize: function(map) {
-        this._map = map;
+L.PM.Draw.Poly = {
 
+    enable: function(map) {
 
-    },
+        var self = this;
 
-    enable: function() {
+        this._map = map;
 
         this._layerGroup = new L.LayerGroup();
         this._layerGroup.addTo(this._map);
@@ -18,6 +16,10 @@ L.PM.Draw.Poly = L.Class.extend({
 
         this._map.on('click', this._createPolygonPoint, this);
 
+        this._map.disableDraw = function() {
+            self.disable();
+        };
+
     },
     disable: function() {
 
@@ -64,4 +66,4 @@ L.PM.Draw.Poly = L.Class.extend({
         return marker;
 
     },
-});
+};
diff --git a/src/js/L.PM.js b/src/js/L.PM.js
@@ -21,6 +21,11 @@ L.PM = L.PM || {
 
 
 
+    },
+    enableDraw: function(options) {
+
+        L.PM.Draw.Poly.enable(options.map);
+
     },
     addControls: function(map) {
 
@@ -31,13 +36,12 @@ L.PM = L.PM || {
               },
               'afterClick': function(e) {
 
-                  var newPoly;
-
                   if(this.toggled()) {
-                      newPoly = new L.PM.Draw.Poly(map);
-                      newPoly.enable();
+                      L.PM.enableDraw({
+                          map: map
+                      });
                   } else {
-                      newPoly.disable();
+                     map.disableDraw();
                   }
               },
               'doToggle': true,