mapping-component-package-jp 0.0.24 → 0.0.26

package/package.json

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

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

@@ -22,6 +22,7 @@ export class MapOverlayManager {
     RenderRegions(regionLocations: any[], properties: any, farmLocations: any[], icon: any): void;
     RenderBackgroundFields(locations: any[], properties: any): void;
     RenderSAAdministrative(saAdministrativeJson: any[], selectedSAProvince: number, selectedSADM: number, selectedSALM: number, selectedSAWard: number, offsetX: number, offsetY: number, vMapWidth: number, isDashboard: boolean): void;
+    RenderSACadastral(saCadastralJson: any, offsetX: number, offsetY: number, vmWidth: number, isDashboard: boolean, fitBounds: boolean): void;
 
     // Shape Selection and Management
     selectShape(shapeId: string | number, selectedStyle: any, unselectedStyle: any): void;

package/src/js/mapEncapsulation/mapOverlayManager.js

@@ -2429,10 +2429,10 @@ export class MapOverlayManager {
 
 			polygon = new google.maps.Polygon({
 				paths: paths,
-				strokeColor: '#9ACD32',
+				strokeColor: '#000000',
 				strokeOpacity: 1,
 				strokeWeight: 3,
-				fillColor: '#ffffff',
+				fillColor: '#000000',
 				fillOpacity: 0.3,
 				zIndex: 10000,
 				id: v.id,
@@ -2477,6 +2477,130 @@ export class MapOverlayManager {
         SAAdministrative_DrawSAAdministrative(saAdministrativeJson, selectedSAProvince, selectedSADM, selectedSALM, selectedSAWard, offsetX, offsetY, vMapWidth, isDashboard);
 	}	
 
+    function SACadastral_DrawSACadastral(saCadastralJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds) {
+		mapListeners_clear();
+        polygonListeners_clear();
+		markerListeners_clear();
+		fmarkers_clear();
+        fPolies_clear();
+
+        var mdeListener = google.maps.event.addListener(map, 'dragend', function() { 
+            if(map.getZoom() >= 12 && map.getZoom() <= 17) {
+                eventHandlers["ReloadCadastralData"]({
+                    type: 'SUCCESS',
+                    message: 'Reload cadastral data on dragend',
+                    code: 200,
+                    data: null
+                });
+
+            } else {
+        		mapListeners_clear();
+                fPolies_clear();
+            }	
+        });
+        mapListeners.push(mdeListener);
+
+        var mzcListener = google.maps.event.addListener(map, 'zoom_changed', function() { 
+            if(map.getZoom() >= 12 && map.getZoom() <= 17) {
+                eventHandlers["ReloadCadastralData"]({
+                    type: 'SUCCESS',
+                    message: 'Reload cadastral data on zoom changed',
+                    code: 200,
+                    data: null
+                });
+            } else {
+        		mapListeners_clear();
+                fPolies_clear();
+            }	
+        });
+        mapListeners.push(mzcListener);
+
+		Display_SACadastral(saCadastralJson, offsetX, offsetY, vmWidth, isDashboard);
+    }
+
+    function Display_SACadastral(saCadastralJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds) {
+		
+        var parentFarmsJson = saCadastralJson.parentFarms;
+        var farmPortionsJson = saCadastralJson.farmPortions;
+        var ervenJson = saCadastralJson.erven;
+        
+        if(parentFarmsJson.length > 0) { 
+            parentFarmsJson.forEach(function(v) {
+			    if(fitBounds) {
+				    bounds = new google.maps.LatLngBounds();
+			    }
+
+			    var geojson = JSON.parse(v.geojson,true);
+				
+			    if(geojson.type == 'Polygon') {
+				
+				    var paths = [];
+				    var path = [];
+
+				    geojson.coordinates[0].forEach(function(c,ci) {
+					    path.push(new google.maps.LatLng(c[1],c[0]));
+					    if(fitBounds) {
+						    bounds.extend(new google.maps.LatLng(c[1],c[0]));
+					    }
+				    });
+				    paths.push(path);
+					
+			    } else if(geojson.type == 'MultiPolygon') {
+				    var paths = [];
+				    geojson.coordinates.forEach(function(p,pi) {
+					    var path = [];
+					    p[0].forEach(function(c,ci) {
+						    path.push(new google.maps.LatLng(c[1],c[0]));
+						    if(fitBounds) {
+							    bounds.extend(new google.maps.LatLng(c[1],c[0]));
+						    }
+					    });
+					    paths.push(path);
+				    });
+			    }
+
+			    var carea = v.geomarea/10000;
+
+			    var fpoly = new google.maps.Polygon({
+				    map: map,
+				    paths: paths,
+				    strokeWeight: 5,
+				    strokeColor: '#000000',
+				    strokeOpacity: 1,
+				    fillColor: 'transparent',
+				    fillOpacity: 1,
+				    id: v.id,
+				    name: v.name,
+                    farm: '',
+				    //lpi: v.lpi,
+				    area: carea.toFixed(2),
+				    zIndex: 10001,
+			    });
+			
+			    if(fitBounds) {
+				    map.fitBounds(bounds);
+			    }
+			    fpolies.push(fpoly);
+            });
+        
+        }        
+			
+
+/*        
+        if(type == 'pf') {
+			addListeners(pfpolies, type);
+		} else if(type == 'fp') {
+			addListeners(fppolies, type);
+		} else if(type == 'er') {
+			addListeners(erpolies, type);
+		}
+*/
+
+    }
+
+    _this.RenderSACadastral = function (saCadastralJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds) {
+        SACadastral_DrawSACadastral(saCadastralJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds);
+    }
 
     _this.NDVI_AddOverlay_DEA = function (locationJson, ndviTileURL, validGMTiles, eosLocationCropperRefId, eosViewId, spinnerURL, spinnerLat, spinnerLon, paletteId, colorMapTypeIdValue, isFullView, onComplete) {