fix(draggable): works again

Wykks · Jan 23, 2018 · 9ae98df · 9ae98df
1 parent 6ad4526
commit 9ae98df
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/app/lib/source/geojson/draggable.directive.ts b/src/app/lib/source/geojson/draggable.directive.ts
@@ -1,4 +1,6 @@
 import { Directive, Host, Input, OnDestroy, OnInit } from '@angular/core';
+import { MapMouseEvent } from 'mapbox-gl';
+import { fromEvent } from 'rxjs/observable/fromEvent';
 import { merge } from 'rxjs/observable/merge';
 import { takeUntil } from 'rxjs/operators/takeUntil';
 import { ReplaySubject } from 'rxjs/ReplaySubject';
@@ -44,11 +46,11 @@ export class DraggableDirective implements OnInit, OnDestroy {
         }
         this.MapService.changeCanvasCursor('move');
         this.MapService.updateDragPan(false);
-        this.MapService.mapEvents.mouseDown.pipe(
+        fromEvent(this.MapService.mapInstance, 'mousedown').pipe(
           takeUntil(merge(this.destroyed$, this.source.mouseLeave))
         ).subscribe(() => {
-          this.MapService.mapEvents.mouseMove.pipe(
-            takeUntil(merge(this.destroyed$, this.MapService.mapEvents.mouseUp))
+          fromEvent<MapMouseEvent>(this.MapService.mapInstance, 'mousemove').pipe(
+            takeUntil(merge(this.destroyed$, fromEvent(this.MapService.mapInstance, 'mouseup')))
           ).subscribe((evt) => {
             this.FeatureComponent.updateCoordinates([evt.lngLat.lng, evt.lngLat.lat]);
           });