fix(SebmGoogleMapMarker): run click event in zone

The markerClick event did not run in the zone.
This fixes the behavior and notifies angular
to run the change detection.

Author: sebholstein

src/services/marker-manager.ts

@@ -1,4 +1,4 @@
-import {Injectable} from 'angular2/core';
+import {Injectable, NgZone} from 'angular2/core';
 import {Observer} from 'rxjs/Observer';
 import {Observable} from 'rxjs/Observable';
 import {SebmGoogleMapMarker} from '../directives/google-map-marker';
@@ -10,12 +10,20 @@ export class MarkerManager {
   private _markers: Map<SebmGoogleMapMarker, Promise<Marker>> =
       new Map<SebmGoogleMapMarker, Promise<Marker>>();
 
-  constructor(private _mapsWrapper: GoogleMapsAPIWrapper) {}
+  constructor(private _mapsWrapper: GoogleMapsAPIWrapper, private _zone: NgZone) {}
 
   deleteMarker(marker: SebmGoogleMapMarker): Promise<void> {
-    let promise = this._markers.get(marker).then((m: Marker) => m.setMap(null));
-    this._markers.delete(marker);
-    return promise;
+    const m = this._markers.get(marker);
+    if (m == null) {
+      // marker already deleted
+      return Promise.resolve();
+    }
+    return m.then((m: Marker) => {
+      return this._zone.run(() => {
+        m.setMap(null);
+        this._markers.delete(marker);
+      });
+    });
   }
 
   updateMarkerPosition(marker: SebmGoogleMapMarker): Promise<void> {
@@ -43,8 +51,9 @@ export class MarkerManager {
 
   createClickObserable(marker: SebmGoogleMapMarker): Observable<void> {
     return Observable.create((observer: Observer<void>) => {
-      this._markers.get(marker)
-          .then((m: Marker) => { m.addListener('click', () => { observer.next(null); }); });
+      this._markers.get(marker).then((m: Marker) => {
+        m.addListener('click', () => this._zone.run(() => observer.next(null)));
+      });
     });
   }
 }