Fix vue-leaflet#73 Path properties not initialized correctly

schmiedeone · Sep 27, 2017 · 5067312 · 5067312
1 parent b66c6f4
commit 5067312
Show file tree

Hide file tree

Showing 7 changed files with 67 additions and 39 deletions.
diff --git a/dist/vue2-leaflet.js b/dist/vue2-leaflet.js
diff --git a/dist/vue2-leaflet.min.js b/dist/vue2-leaflet.min.js
diff --git a/dist/vue2-leaflet.min.js.map b/dist/vue2-leaflet.min.js.map
diff --git a/src/components/LCircle.vue b/src/components/LCircle.vue
@@ -123,6 +123,13 @@ export default {
         options[style] = this.lStyle[style];
       }
     }
+    const otherPropertytoInitialize = ["smoothFactor", "noClip", "stroke", "color", "weight", "opacity", "lineCap", "lineJoin", "dashArray", "dashOffset", "fill", "fillColor", "fillOpacity", "fillRule", "className" ];
+    for (var i = 0; i < otherPropertytoInitialize.length; i++) {
+      const propName = otherPropertytoInitialize[i];
+      if(this[propName]) {
+        options[propName] = this[propName];
+      }
+    }
     this.mapObject = L.circle(this.latLng, options);
     eventsBinder(this, this.mapObject, events);
     propsBinder(this, this.mapObject, props);

diff --git a/src/components/Polygon.vue b/src/components/Polygon.vue
@@ -127,6 +127,13 @@ export default {
         options[style] = this.lStyle[style];
       }
     }
+    const otherPropertytoInitialize = ["smoothFactor", "noClip", "stroke", "color", "weight", "opacity", "lineCap", "lineJoin", "dashArray", "dashOffset", "fill", "fillColor", "fillOpacity", "fillRule", "className" ];
+    for (var i = 0; i < otherPropertytoInitialize.length; i++) {
+      const propName = otherPropertytoInitialize[i];
+      if(this[propName]) {
+        options[propName] = this[propName];
+      }
+    }
     this.mapObject = L.polygon(this.latLngs, options);
     eventsBinder(this, this.mapObject, events);
     propsBinder(this, this.mapObject, props);

diff --git a/src/components/Polyline.vue b/src/components/Polyline.vue
@@ -127,6 +127,13 @@ export default {
         options[style] = this.lStyle[style];
       }
     }
+    const otherPropertytoInitialize = ["smoothFactor", "noClip", "stroke", "color", "weight", "opacity", "lineCap", "lineJoin", "dashArray", "dashOffset", "fill", "fillColor", "fillOpacity", "fillRule", "className" ];
+    for (var i = 0; i < otherPropertytoInitialize.length; i++) {
+      const propName = otherPropertytoInitialize[i];
+      if(this[propName]) {
+        options[propName] = this[propName];
+      }
+    }
     this.mapObject = L.polyline(this.latLngs, options);
     eventsBinder(this, this.mapObject, events);
     propsBinder(this, this.mapObject, props);

diff --git a/src/components/Rectangle.vue b/src/components/Rectangle.vue
@@ -117,6 +117,13 @@ export default {
         options[s] = this.lStyle[s];
       }
     }
+    const otherPropertytoInitialize = ["smoothFactor", "noClip", "stroke", "color", "weight", "opacity", "lineCap", "lineJoin", "dashArray", "dashOffset", "fill", "fillColor", "fillOpacity", "fillRule", "className" ];
+    for (var i = 0; i < otherPropertytoInitialize.length; i++) {
+      const propName = otherPropertytoInitialize[i];
+      if(this[propName]) {
+        options[propName] = this[propName];
+      }
+    }
     this.mapObject = L.rectangle(this.bounds, options);
     eventsBinder(this, this.mapObject, events);
     propsBinder(this, this.mapObject, props);