mapping-component-package-jp 0.1.6 → 0.1.7

package/package.json

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

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

@@ -16,6 +16,7 @@ export class MapOverlayManager {
     Shape_Delete(ShapeId: string | number, EventHandlers?: any): void;
     Shape_DeleteAll(isMobile?: boolean): void;
     Shape_Convert(ShapeId: string | number): string;
+    SelectedShape_GetType(ShapeId: string | number, shapeTypes: any): string;
 
     // Rendering Methods
     RenderFields(locations: any[], properties: any, editMode?: boolean): void;
@@ -43,6 +44,7 @@ export class MapOverlayManager {
     // Field Management
     TriggerField_ChangeEvent(): any;
     DrawField_AttachEvents(eHandlers: any): void;
+    DrawField_DetachEvents(StrokeColor: string, SelectedShapeId: string): void;
     clearBackgroundFields(): void;
     checkForBackgroundFieldOverlaps(): boolean;
 

package/src/js/mapEncapsulation/mapOverlayManager.js

@@ -620,6 +620,22 @@ export class MapOverlayManager {
 
     }
 
+    _this.SelectedShape_GetType = function (ShapeId, shapeTypes) {
+        var polygon = locPolygons.find(p => p.id == ShapeId);
+
+        if (polygon.id == ShapeId) {
+            if (polygon.isPolygon) {
+                return shapeTypes.ShapeTypeId_Polygon;
+            } else if (polygon.isCircle) {
+                return shapeTypes.ShapeTypeId_Circle;
+            } else if (polygon.isCircleSector) {
+                return shapeTypes.ShapeTypeId_CircleSector;
+            } else if (polygon.isCircleSegment) {
+                return shapeTypes.ShapeTypeId_CircleSegment;
+            }
+        }
+    }
+
 
     _this.selectShape = function(shapeId, selectedStyle, unselectedStyle) {
         console.log('Selecting shape:', shapeId);
@@ -2010,7 +2026,7 @@ export class MapOverlayManager {
             return { perimeter, area, path };
         }
 
-        _this.DrawField_AttachEvents = function (eHandlers) {
+        _this.DrawField_AttachEvents = function (eHandlers, ShapeId, StrokeColor) {
 
             locPolygons.forEach(function (polygon) {
     
@@ -2028,10 +2044,25 @@ export class MapOverlayManager {
                     eHandlers["ShapeSelect"](this.id);
                 });
                 polygonListeners.push(mclListener);
+
+                if (polygon.id == ShapeId && StrokeColor !== undefined) {
+                    polygon.setOptions({ strokeColor: StrokeColor, strokeWeight: 3 });
+                }    
+
             });
     
         }
 
+        _this.DrawField_DetachEvents = function (StrokeColor, SelectedShapeId) {
+            polygonListeners_clear();
+
+            locPolygons.forEach(function (polygon) {
+                if(polygon.id == SelectedShapeId) {
+				    polygon.setOptions({ strokeColor: StrokeColor });
+			    }	    
+            });
+        }
+
         _this.PolygonCustomEdit_Edit = function (ShapeId, isMobile) {
             var polygonCE = locPolygons.find(p => p.id == ShapeId);
             if (polygonCE) {