vue-geojson-view-ts 1.2.3 → 1.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-geojson-view-ts",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "type": "module",
   "files": [
     "dist",

package/src/components/MapView.vue

@@ -198,6 +198,7 @@ export default defineComponent({
       },
       viewMap(): void {
         const iconDefaultMarket = this.configurationMap?this.configurationMap.iconMarker?this.configurationMap.iconMarker:this.markerIcon:this.markerIcon
+        window.type = true
         const map = L.map(this.idMap).setView([this.renderCoordinates?this.renderCoordinates[0] as number:0,this.renderCoordinates?this.renderCoordinates[1] as number:0],this.renderCoordinates?this.renderCoordinates[2]as number:0);
         //const map = L.map(this.idMap,{minZoom: 15,maxZoom: 500}).setView([this.renderCoordinates?this.renderCoordinates[0] as number:0,this.renderCoordinates?this.renderCoordinates[1] as number:0],this.renderCoordinates?this.renderCoordinates[2]as number:0);
         this.mapRender = map;
@@ -221,6 +222,35 @@ export default defineComponent({
                 remove: this.configurationMap?.editFigures.remove
             }
         }
+
+        const renderGeojson = this.renderGeojson;
+        if (renderGeojson && renderGeojson.length) {
+          renderGeojson.forEach((item: any) => {
+            if (item.type === 'FeatureCollection') {
+              item.features.forEach((feature: any) => {
+                if (feature.geometry.type === 'Polygon' || feature.geometry.type === 'MultiPolygon') {
+                  //L.geoJSON(feature).addTo(featureGroup);
+                  L.geoJson(feature, {
+                    onEachFeature: function (feature, layer) {
+                      featureGroup.addLayer(layer);
+                    }
+                  });
+                }
+              });
+            } else if (item.type === 'Feature') {
+              if (item.geometry.type === 'Polygon' || item.geometry.type === 'MultiPolygon') {
+                //L.geoJSON(item).addTo(featureGroup);
+                L.geoJson(item, {
+                  onEachFeature: function (feature, layer) {
+                    featureGroup.addLayer(layer);
+                  }
+                });
+              }
+            }
+          });
+          const bounds = featureGroup.getBounds();
+          map.fitBounds(bounds);
+        }
         const drawControl = new L.Control.Draw({
           position: "topleft",
           draw: {
@@ -240,24 +270,6 @@ export default defineComponent({
           edit: contextEdit as any
         });
         map.addControl(drawControl);
-        const renderGeojson = this.renderGeojson;
-        if (renderGeojson && renderGeojson.length) {
-          renderGeojson.forEach((item: any) => {
-            if (item.type === 'FeatureCollection') {
-              item.features.forEach((feature: any) => {
-                if (feature.geometry.type === 'Polygon' || feature.geometry.type === 'MultiPolygon') {
-                  L.geoJSON(feature).addTo(featureGroup);
-                }
-              });
-            } else if (item.type === 'Feature') {
-              if (item.geometry.type === 'Polygon' || item.geometry.type === 'MultiPolygon') {
-                L.geoJSON(item).addTo(featureGroup);
-              }
-            }
-          });
-          const bounds = featureGroup.getBounds();
-          map.fitBounds(bounds);
-        }
 
         map.on('draw:created', (event:any) => {
           const layer = event.layer;