From 1e6395dd53633b4cdf193d6cfb4b68c984d27785 Mon Sep 17 00:00:00 2001
From: Kim Ommundsen <kommundsen@users.noreply.github.com>
Date: Sun, 20 Jan 2019 08:46:50 +0100
Subject: [PATCH] feat(AgmMarker): add drag and dragStart event support (#1575)

---
 packages/core/directives/marker.ts | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/packages/core/directives/marker.ts b/packages/core/directives/marker.ts
index b663bda63..3895bfad9 100644
--- a/packages/core/directives/marker.ts
+++ b/packages/core/directives/marker.ts
@@ -120,6 +120,16 @@ export class AgmMarker implements OnDestroy, OnChanges, AfterContentInit, FitBou
    */
   @Output() markerRightClick: EventEmitter<void> = new EventEmitter<void>();
 
+  /**
+   * This event is fired when the user starts dragging the marker.
+   */
+  @Output() dragStart: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+
+  /**
+   * This event is repeatedly fired while the user drags the marker.
+   */
+  @Output() drag: EventEmitter<MouseEvent> = new EventEmitter<MouseEvent>();
+
   /**
    * This event is fired when the user stops dragging the marker.
    */
@@ -240,11 +250,25 @@ export class AgmMarker implements OnDestroy, OnChanges, AfterContentInit, FitBou
     this._observableSubscriptions.push(rc);
 
     const ds =
+        this._markerManager.createEventObservable<mapTypes.MouseEvent>('dragstart', this)
+            .subscribe((e: mapTypes.MouseEvent) => {
+              this.dragStart.emit(<MouseEvent>{coords: {lat: e.latLng.lat(), lng: e.latLng.lng()}});
+            });
+    this._observableSubscriptions.push(ds);
+
+    const d =
+        this._markerManager.createEventObservable<mapTypes.MouseEvent>('drag', this)
+            .subscribe((e: mapTypes.MouseEvent) => {
+              this.drag.emit(<MouseEvent>{coords: {lat: e.latLng.lat(), lng: e.latLng.lng()}});
+            });
+    this._observableSubscriptions.push(d);
+
+    const de =
         this._markerManager.createEventObservable<mapTypes.MouseEvent>('dragend', this)
             .subscribe((e: mapTypes.MouseEvent) => {
               this.dragEnd.emit(<MouseEvent>{coords: {lat: e.latLng.lat(), lng: e.latLng.lng()}});
             });
-    this._observableSubscriptions.push(ds);
+    this._observableSubscriptions.push(de);
 
     const mover =
         this._markerManager.createEventObservable<mapTypes.MouseEvent>('mouseover', this)