mapping-component-package-jp 0.0.45 → 0.0.47

package/package.json

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

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

@@ -23,6 +23,7 @@ export class MapOverlayManager {
     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

@@ -2818,6 +2818,186 @@ 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])));
+					    if(fitBounds) {
+                            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;