mapping-component-package-jp 0.1.12 → 0.1.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapping-component-package-jp",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/js/mapEncapsulation/mapOverlayManager.js

@@ -636,38 +636,40 @@ export class MapOverlayManager {
         locations = JSON.parse(locationsJson, true);
 		
 		var cpid;
-        bounds = new google.maps.LatLngBounds();        
+        var mbounds = new google.maps.LatLngBounds();        
 
         locations.forEach(function (location) {
 
-            if (location && location.Poly && location.Poly.length > 0 && location.Id > 0) {
+            if(location && location.Poly && location.Poly.length > 0 && location.Id > 0) {
 
-				var paths = [];
-                location.Poly.forEach(function (poly, pi) {
-                    var path = [];
-                    var polyArea = 0;
-                    poly.forEach(function (v) {
-                        path.push(new google.maps.LatLng(parseFloat(v[1]), parseFloat(v[0])));
-                        if(pi == 0) {
-                            bounds.extend(new google.maps.LatLng(parseFloat(v[1]), parseFloat(v[0])));
-                            polyArea += google.maps.geometry.spherical.computeSignedArea(path);
-                        }
-                        polyArea -= google.maps.geometry.spherical.computeSignedArea(path);
+                var paths = location.Poly.map(poly => poly.map(v => new google.maps.LatLng(parseFloat(v[1]), parseFloat(v[0]))));
+                paths[0].forEach(coord => mbounds.extend(coord));
 
-                    });
-                    paths.push(path);
+                let content = `${location.FarmName} - ${location.LocationName}<br>${location.Area} ha${location.IsIrrigated ? ', irrigated' : ''}`;
+
+                if(location.CropPlanted) {
+                    content += `<br>${location.CropPlanted}`;
+                    if (location.CultivarPlanted) {
+                        content += ` (${location.CultivarPlanted})`;
+                    }
+                    if (location.PlantingDate) {
+                        content += `<br>Planted: ${location.PlantingDate.replace(/-/g, "/")}`;
+                    }
+                }
+
+                location.Poly.forEach(function(poly, lpi) {    
 
                     if (location.Id == locationId) {
 
                         var pArea = google.maps.geometry.spherical.computeSignedArea(path);
                         var isHole = pArea > 0 && pi !== 0;
-						cpid = Date.now() + Math.floor(Math.random() * 100000);
+					    cpid = Date.now() + Math.floor(Math.random() * 100000);
 
                         var polygon = new google.maps.Polygon({
                             map: map,
-                            path: path,
+                            path: paths[lpi],
                             id: cpid,
-                            content: location.LocationName,
+                            //content: location.LocationName,
                             strokeColor: shapeConfig.StrokeColor_DrawEditShape,
                             strokeOpacity: shapeConfig.StrokeOpacity,
                             strokeWeight: shapeConfig.StrokeWeight,
@@ -726,12 +728,13 @@ export class MapOverlayManager {
                     });
 
                     polygons.push(polygon);
-                    fields_BindPolyEvents();
+                    
 				}					
             }
         });
 		
         map.fitBounds(bounds);
+        fields_BindPolyEvents();
 		//console.log(polygons);
 	}