mapping-component-package-jp 0.1.4 → 0.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mapping-component-package-jp",
-  "version": "0.1.4",
+  "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);
@@ -899,7 +915,7 @@ export class MapOverlayManager {
                     zIndex: 10100,
                     clickable: true,
                     editable: false,
-                    draggable: false,
+                    draggable: true,
                     isPolygon: true,
                     isCircle: false,
                     isCircleSector: false,
@@ -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) {

package/src/js/mapEncapsulation/shapes/circle.sector.js

@@ -204,7 +204,7 @@ export class IQLCircleSector {
             	anchor: new google.maps.Point(4, 4),
             	strokeWeight: 1,
             	strokeOpacity: 1,
-            	strokeColor: cs.strokeColor,
+            	strokeColor: '#303030',
             	scale: 1,
 				id: 'startPinIcon'
         	};
@@ -216,7 +216,7 @@ export class IQLCircleSector {
             	anchor: new google.maps.Point(4, 4),
             	strokeWeight: 1,
             	strokeOpacity: 1,
-            	strokeColor: cs.strokeColor,
+            	strokeColor: '#303030',
             	scale: 1,
 				id: 'endPinIcon'
         	};
@@ -247,10 +247,6 @@ export class IQLCircleSector {
 			scale: 1,
 			id: 'handleIcon'
 		};
-*/
-/*
-*/
-/*
 */
 
         function DistanceWidget(map, cs) {

package/src/js/mapEncapsulation/shapes/circle.segment.js

@@ -206,6 +206,31 @@ export class IQLCircleSegment {
 				scale: 1,
 				id: 'centerIcon'
 			};
+
+			        	var startPinIcon = {
+            	path: 'M4 4m-4,0a4,4,0 0,1 8,0a 4,4 0 0,1 -8,0z',
+            	fillColor: '#ffffff',
+            	fillOpacity: 1,
+            	anchor: new google.maps.Point(4, 4),
+            	strokeWeight: 1,
+            	strokeOpacity: 1,
+            	strokeColor: '#303030',
+            	scale: 1,
+				id: 'startPinIcon'
+        	};
+
+        	var endPinIcon = {
+            	path: 'M4 4m-4,0a4,4,0 0,1 8,0a 4,4 0 0,1 -8,0z',
+            	fillColor: '#ffffff',
+            	fillOpacity: 1,
+            	anchor: new google.maps.Point(4, 4),
+            	strokeWeight: 1,
+            	strokeOpacity: 1,
+            	strokeColor: '#303030',
+            	scale: 1,
+				id: 'endPinIcon'
+        	};
+
 		}
 
 
@@ -232,32 +257,6 @@ export class IQLCircleSegment {
 			scale: 1,
 			id: 'handleIcon'
 		};
-*/
-/*
-        var startPinIcon = {
-            path: 'M4 4m-4,0a4,4,0 0,1 8,0a 4,4 0 0,1 -8,0z',
-            fillColor: '#ffffff',
-            fillOpacity: 1,
-            anchor: new google.maps.Point(4, 4),
-            strokeWeight: 1,
-            strokeOpacity: 1,
-            strokeColor: cs.strokeColor,
-            scale: 1,
-			id: 'startPinIcon'
-        };
-*/
-/*
-        var endPinIcon = {
-            path: 'M4 4m-4,0a4,4,0 0,1 8,0a 4,4 0 0,1 -8,0z',
-            fillColor: '#ffffff',
-            fillOpacity: 1,
-            anchor: new google.maps.Point(4, 4),
-            strokeWeight: 1,
-            strokeOpacity: 1,
-            strokeColor: cs.strokeColor,
-            scale: 1,
-			id: 'endPinIcon'
-        };
 */
         function DistanceWidget(map, cs) {