Merge pull request #2 from acaprojects/feature/lock

feat: add lock feature

projects/library/src/lib/components/map-outlet/map-outlet.component.html

@@ -6,6 +6,7 @@
     [(zoom)]="zoom"
     (zoomChange)="updateZoom($event)"
     [(center)]="center"
+    [lock]="lock"
     (centerChange)="updateCenter($event)"
     [map]="map"
     [element]="map_element"

projects/library/src/lib/components/map-outlet/map-outlet.component.ts

@@ -50,6 +50,8 @@ export class MapOutletComponent implements OnInit, OnChanges, OnDestroy {
     @Input() public listeners: MapListener[] = [];
     /** List of text to render over the map */
     @Input() public text: MapRenderFeature[] = [];
+    /** Whether Map cannot be moved */
+    @Input() public lock: boolean;
     /** Emitter for changes to the zoom value */
     @Output() public zoomChange = new EventEmitter<number>();
     /** Emitter for changes to the center value */

projects/library/src/lib/components/map/map.component.html

@@ -9,4 +9,5 @@
     [listeners]="listeners"
     [text]="text_list"
     [class.locked]="options?.lock"
+    [lock]="lock"
 ></a-map-outlet>

projects/library/src/lib/components/map/map.component.ts

@@ -45,6 +45,8 @@ export class MapComponent implements OnInit, OnChanges, OnDestroy {
     @Input() public focus: string | Point;
     /** Optional flags for the map */
     @Input() public options: MapOptions;
+    /** Whether Map cannot be moved */
+    @Input() public lock: boolean;
     /** Emitter for changes to the zoom value */
     @Output() public zoomChange = new EventEmitter<number>();
     /** Emitter for changes to the center value */

projects/library/src/lib/directives/map-center.directive.ts

@@ -29,6 +29,8 @@ export class MapCenterDirective implements OnDestroy {
     @Input() public center: Point;
     /** Element containing the map */
     @Input() public element: ElementRef<HTMLDivElement>;
+    /** Lock Map */
+    @Input() public lock: boolean;
     /** Emitter for changes to the center value */
     @Output() public centerChange = new EventEmitter<Point>();
     /** Bound box of the host element */
@@ -44,11 +46,13 @@ export class MapCenterDirective implements OnDestroy {
 
     @HostListener('mousedown', ['$event'])
     public startMoveMouse(event: MouseEvent) {
+        if (this.lock) { return; }
         this.startMove(event);
     }
 
     @HostListener('touchstart', ['$event'])
     public startMoveTouch(event: any) {
+        if (this.lock) { return; }
         this.startMove(event);
     }
 
@@ -103,6 +107,9 @@ export class MapCenterDirective implements OnDestroy {
      */
     private move(event: MouseEvent | TouchEvent) {
         if (!this._box) { return; }
+        if (this.lock) {
+            return;
+        }
         const position = eventToPoint(event);
         if (!insideRect(position, this._parent_box)) { return; }
         event.preventDefault();