mapping-component-package-jp 0.0.44 → 0.0.46

package/package.json

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

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

@@ -18,11 +18,12 @@ export class MapOverlayManager {
 
     // Rendering Methods
     RenderFields(locations: any[], properties: any, editMode?: boolean): void;
-    RenderRegionFarms(locationsJson: any, icon: any, fitBounds: boolean): 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;
     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;
+    RenderSADelineatedFields(saDelineatedFieldsJson: any, offsetX: number, offsetY: number, vmWidth: number, isDashboard: boolean, fitBounds: boolean): void;
     RenderGSGPRegions(gpRegionsJson: any[], gsByRegionJson: any[], selectedRegion: number, offsetX: number, offsetY: number, vMapWidth: number, isDashboard: boolean): void;
     RenderGSProvinces(provincesJson: any[], gsByProvinceJson: any[], selectedProvince: number, offsetX: number, offsetY: number, vMapWidth: number, isDashboard: boolean): void;
 

package/src/js/mapEncapsulation/mapOverlayManager.js

@@ -220,7 +220,7 @@ export class MapOverlayManager {
         }
     }
 
-    function AdvancedMarker(locations, icon, markerType = 'field', fitBounds) {
+    function AdvancedMarker(locations, icon, markerType = 'field', fitBounds, offsetX, offsetY) {
 
         if (map.getMapCapabilities().isAdvancedMarkersAvailable && locations && locations.length > 0) {
             var mapBounds = new google.maps.LatLngBounds();
@@ -288,6 +288,11 @@ export class MapOverlayManager {
    
             if (markerType === 'farm') {
                 if(fitBounds) {
+
+                    var mboundsChangedListener = google.maps.event.addListenerOnce(map, "bounds_changed", function() {
+                        offsetCenter(map.getCenter(), offsetX, offsetY);
+                    });
+                    mapListeners.push(mboundsChangedListener);
                     map.fitBounds(mapBounds);
                 }    
                 farms_BindMarkerEvents();
@@ -1911,9 +1916,9 @@ export class MapOverlayManager {
             
         }
 
-        _this.RenderRegionFarms = function (locationsJson, icon, fitBounds) {
+        _this.RenderRegionFarms = function (locationsJson, icon, fitBounds, offsetX, offsetY) {
             if(icon){
-                AdvancedMarker(locationsJson, icon, 'farm', fitBounds);
+                AdvancedMarker(locationsJson, icon, 'farm', fitBounds, offsetX, offsetY);
             } 
         }	
 
@@ -2813,6 +2818,184 @@ export class MapOverlayManager {
         SACadastral_DrawSACadastral(saCadastralJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds);
     }
 
+    function SADelineatedFields_DrawSADelineatedFields(saDelineatedFieldsJson, 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() >= 13 && map.getZoom() <= 17) {
+                eventHandlers["ReloadDelineatedFieldsData"]({
+                    type: 'SUCCESS',
+                    message: 'Reload delineated fields data on dragend',
+                    code: 200,
+                    data: null
+                });
+
+            } else {
+
+                mapListeners_clear();
+                fPolies_clear();
+                if(map.getZoom() < 13) {
+                    map.setZoom(13);
+                }
+                if(map.getZoom() > 17) {
+                    map.setZoom(17);
+                }
+                eventHandlers["ReloadDelineatedFieldsData"]({
+                    type: 'SUCCESS',
+                    message: 'Reload delineated fields data on dragend, zoom outside range',
+                    code: 200,
+                    data: null
+                });
+            }	
+        });
+        mapListeners.push(mdeListener);
+
+        var mzcListener = google.maps.event.addListener(map, 'zoom_changed', function() { 
+            if(map.getZoom() >= 13 && map.getZoom() <= 17) {
+                eventHandlers["ReloadDelineatedFieldsData"]({
+                    type: 'SUCCESS',
+                    message: 'Reload delineated fields data on zoom changed',
+                    code: 200,
+                    data: null
+                });
+
+            } else {
+
+                mapListeners_clear();
+                fPolies_clear();
+                if(map.getZoom() < 13) {
+                    map.setZoom(13);
+                }
+                if(map.getZoom() > 17) {
+                    map.setZoom(17);
+                }
+                eventHandlers["ReloadDelineatedFieldsData"]({
+                    type: 'SUCCESS',
+                    message: 'Reload delineated fields data on zoom changed, zoom outside range',
+                    code: 200,
+                    data: null
+                });
+            }	
+        });
+        mapListeners.push(mzcListener);
+
+        var mbcListener = google.maps.event.addListenerOnce(map, 'bounds_changed', function() { 
+            if(map.getZoom() >= 13 && map.getZoom() <= 17) {
+                eventHandlers["ReloadDelineatedFieldsData"]({
+                    type: 'SUCCESS',
+                    message: 'Reload delineated fields data on bounds changed',
+                    code: 200,
+                    data: null
+                });
+
+            } else {
+
+                mapListeners_clear();
+                fPolies_clear();
+                if(map.getZoom() < 13) {
+                    map.setZoom(13);
+                }
+                if(map.getZoom() > 17) {
+                    map.setZoom(17);
+                }
+                eventHandlers["ReloadDelineatedFieldsData"]({
+                    type: 'SUCCESS',
+                    message: 'Reload delineated fields data on bounds changed, zoom outside range',
+                    code: 200,
+                    data: null
+                });
+            }	
+        });
+        mapListeners.push(mbcListener);
+
+        if(map.getZoom() >= 13 && map.getZoom() <= 17) {
+            Display_SADelineatedFields(saDelineatedFieldsJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds);
+        }
+    }
+
+    function Display_SADelineatedFields(saDelineatedFieldsJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds) {
+    
+        var locations = saDelineatedFieldsJson;
+    
+        if(locations && locations.length > 0) { 
+            locations.forEach(function(v) {
+                if(fitBounds) {
+                    bounds = new google.maps.LatLngBounds();
+                }
+
+			    var spolies = v.poly.split(',');
+			    var paths = []; 
+			    spolies.forEach(function(p) {
+				    var sp = polyline.decode(p);
+				    var path = [];
+				    sp.forEach(function(c) {
+					    path.push(new google.maps.LatLng(parseFloat(c[0]),parseFloat(c[1])));
+					    bounds.extend(new google.maps.LatLng(parseFloat(c[0]),parseFloat(c[1])));
+				    });
+				    paths.push(path);
+			    });
+
+                var area = v.area/10000;
+                var content = v.category+'<br>'+area.toFixed(2)+' ha';
+
+                var fpoly = new google.maps.Polygon({
+                    map: map,
+                    paths: paths,
+                    strokeWeight: 3,
+                    strokeColor: '#000000',
+                    strokeOpacity: 1,
+                    fillColor: '#000000',
+                    fillOpacity: 0.01,
+                    id: v.id,
+                    content: content,
+                    zIndex: 10001,
+                });
+        
+                if(fitBounds) {
+                    map.fitBounds(bounds);
+                }
+                fpolies.push(fpoly);
+            });
+    
+        }        
+        
+        SADelineatedFields_BindPolyEvents(isDashboard);
+    }
+
+    function SADelineatedFields_BindPolyEvents(isDashboard) {
+        deleteTooltip();
+
+        fpolies.forEach(function (poly) {
+            polygonListeners.push(google.maps.event.addListener(poly, 'mouseover', function (event) {
+                poly.setOptions({strokeColor: '#f1a81e', strokeWeight: 3, zIndex: 10011});
+                deleteTooltip();
+                injectTooltip(event, poly.content);
+            }));
+            polygonListeners.push(google.maps.event.addListener(poly, 'mousemove', moveTooltip));
+            polygonListeners.push(google.maps.event.addListener(poly, 'mouseout', function(event) {
+                poly.setOptions({strokeColor: '#000000', strokeWeight: 3, zIndex: 10001});
+                deleteTooltip();
+            }));
+            if(!isDashboard) {
+                polygonListeners.push(google.maps.event.addListener(poly, 'click', function (event) {
+                    deleteTooltip();
+                    eventHandlers["SADelineatedFieldPolyOnClick"](this.id);
+                }));
+            }
+        });
+    }
+
+    _this.RenderSADelineatedFields = function (saDelineatedFieldsJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds) {
+        SADelineatedFields_DrawSADelineatedFields(saDelineatedFieldsJson, offsetX, offsetY, vmWidth, isDashboard, fitBounds);
+    }
+
+
+
+
     function Display_DrawGPRegions(locationsJson, selectedRegion, offsetX, offsetY) {
         var polygon = null;
 		var locations = locationsJson;