mapping-component-package-jp 0.1.11 → 0.1.12

package/package.json

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

package/src/js/mapEncapsulation/mapOverlayManager.js

@@ -636,25 +636,31 @@ export class MapOverlayManager {
         locations = JSON.parse(locationsJson, true);
 		
 		var cpid;
+        bounds = new google.maps.LatLngBounds();        
 
         locations.forEach(function (location) {
 
             if (location && location.Poly && location.Poly.length > 0 && location.Id > 0) {
 
-                var polies = location.Poly.split(',');
-				
 				var paths = [];
-                polies.forEach(function (poly, pIndex) {
+                location.Poly.forEach(function (poly, pi) {
                     var path = [];
-                    poly.forEach(function (v, idx) {
+                    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);
+
                     });
-					paths.push(path);
+                    paths.push(path);
 
                     if (location.Id == locationId) {
 
                         var pArea = google.maps.geometry.spherical.computeSignedArea(path);
-                        var isHole = pArea > 0 && pIndex !== 0;
+                        var isHole = pArea > 0 && pi !== 0;
 						cpid = Date.now() + Math.floor(Math.random() * 100000);
 
                         var polygon = new google.maps.Polygon({
@@ -691,11 +697,23 @@ export class MapOverlayManager {
 
                     cpid = Date.now() + Math.floor(Math.random() * 100000);
 
+                    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, "/")}`;
+                        }
+                    }
+
                     var polygon = new google.maps.Polygon({
                         map: map,
                         paths: paths,
                         id: cpid,
-                        content: location.LocationName,
+                        content: content,
                         strokeColor: shapeConfig.StrokeColor_Other,
                         strokeOpacity: shapeConfig.StrokeOpacity,
                         strokeWeight: shapeConfig.StrokeWeight,
@@ -704,20 +722,22 @@ export class MapOverlayManager {
                         zIndex: 10000,
                         clickable: false,
                         editable: false,
-                        draggable: false
+                        draggable: false,
                     });
 
                     polygons.push(polygon);
+                    fields_BindPolyEvents();
 				}					
             }
         });
 		
+        map.fitBounds(bounds);
 		//console.log(polygons);
 	}
 
     _this.Shape_IsShapeHole = function(ShapeId) {
         let isHole = false;
-        locPolygons.forEach(function (polygon, index) {
+        locPolygons.forEach(function (polygon) {
             if (polygon.id == ShapeId) { 
                 isHole = polygon.isHole;
             }