mapping-component-package-jp 0.1.55 → 0.2.2

package/package.json

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

package/src/js/mapEncapsulation/mapOverlayManager.d.ts

@@ -35,6 +35,7 @@ export class MapOverlayManager {
 
     // Rendering Methods
     RenderFields(locations: any[], properties: any, editMode?: boolean): void;
+    RenderFieldsMobile(locations: any[]): void;
     RenderRegionFarms(locationsJson: any, icon: any, fitBounds: boolean, offsetX: number, offsetY: number): void;
     RenderRegions(regionLocations: any[], properties: any, farmLocations: any[], icon: any, offsetX: number, offsetY: number): void;
     RenderBackgroundFields(locations: any[], properties: any): void;

package/src/js/mapEncapsulation/mapOverlayManager.js

@@ -95,6 +95,12 @@ export class MapOverlayManager {
         mapListeners.push(zoomChangedListener);
     }
 
+    function polygonsToMapMobile_set() {
+        polygons.forEach(function (p) {
+            p.setMap(map);
+        });
+    }    
+
     function AddLabel(location, labelColour = "white") {
         var polyCentroidCenter = get_polygon_centroid(location.Poly);
         var labelLat = polyCentroidCenter.y;
@@ -144,6 +150,14 @@ export class MapOverlayManager {
         });
     }
 
+    function fields_BindPolyEventsMobile() {
+        polygons.forEach(function (poly) {
+            polygonListeners.push(google.maps.event.addListener(poly, 'click', function (event) {
+                eventHandlers["FieldOnClick"](this.id);
+            }));
+        });
+    }
+
     function farms_BindMarkerEvents() {
         deleteTooltip();
         fmarkers.forEach(function (marker) {
@@ -335,8 +349,6 @@ export class MapOverlayManager {
 		return map.overlayMapTypes;
 	}
 
-
-    //#DRAW/DISPLAY FIELDS
     _this.RenderFields = function (locations, properties) {
         var mbounds = new google.maps.LatLngBounds();
 
@@ -399,6 +411,39 @@ export class MapOverlayManager {
         polygonsToMap_set();
     };
 
+    _this.RenderFieldsMobile = function (locations) {
+        var mbounds = new google.maps.LatLngBounds();
+
+        locations.forEach(function (location) {
+            if (location && location.Poly && location.Poly.length > 0 && location.Id.length > 0) {
+                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));
+
+                
+                var polygonOptions = {
+                    paths: paths,
+                    id: location.Id,
+                    strokeColor: location.MapLocationFeature.StrokeColor,
+                    strokeOpacity: location.MapLocationFeature.StrokeOpacity,
+                    strokeWeight: location.MapLocationFeature.StrokeWeight,
+                    fillColor: location.MapLocationFeature.FillColor,
+                    fillOpacity: location.MapLocationFeature.FillOpacity,
+                    zIndex: location.MapLocationFeature.ZIndex
+                }
+
+                var polygon = new google.maps.Polygon(polygonOptions);
+                polygons.push(polygon);
+            }
+        });
+
+        polygonsToMapMobile_set();
+
+        map.fitBounds(mbounds);
+
+        fields_BindPolyEventsMobile();
+        
+    };
+
     _this.destroy = function () {
         mapId = null;
         mapConfig = null;