feat(SebmGoogleMapMarker): support click event

Now, it’s possible to get notified when a marker gets clicked:

<sebm-google-map-marker [latitude]="m.lat" [longitude]="m.lng"
(markerClick)="markerClicked()"></sebm-google-map-marker>

src/components/google_map_marker.ts

@@ -1,4 +1,12 @@
-import {Directive, Input, SimpleChange, OnDestroy, OnChanges} from 'angular2/angular2';
+import {
+  Directive,
+  Input,
+  SimpleChange,
+  OnDestroy,
+  OnChanges,
+  EventEmitter,
+  Output
+} from 'angular2/angular2';
 import {MarkerManager} from '../services/marker_manager';
 
 let markerId = 0;
@@ -9,6 +17,7 @@ export class SebmGoogleMapMarker implements OnDestroy, OnChanges {
   @Input() longitude: number;
   @Input() title: string;
   @Input() label: string;
+  @Output() markerClick: EventEmitter<void> = new EventEmitter<void>();
 
   private _markerAddedToManger: boolean = false;
   private _id: string;
@@ -19,6 +28,8 @@ export class SebmGoogleMapMarker implements OnDestroy, OnChanges {
     if (!this._markerAddedToManger && this.latitude && this.longitude) {
       this._markerManager.addMarker(this);
       this._markerAddedToManger = true;
+      this._markerManager.createClickObserable(this)
+          .subscribe(() => { this.markerClick.next(null); });
       return;
     }
     if (changes['latitude'] || changes['logitude']) {

src/custom_typings/google_maps.d.ts

@@ -23,6 +23,7 @@ declare module google.maps {
     setTitle(title: string): void;
     setLabel(label: string | MarkerLabel): void;
     getLabel(): MarkerLabel;
+    addListener(eventType: string, fn: Function): void;
   }
 
   export interface MarkerOptions {

src/services/marker_manager.ts

@@ -1,4 +1,5 @@
-import {Injectable} from 'angular2/angular2';
+import {Injectable, Observable} from 'angular2/angular2';
+import {Observer} from 'rxjs/Observer';
 import {SebmGoogleMapMarker} from '../components/google_map_marker';
 import {GoogleMapsAPIWrapper} from './google_maps_api_wrapper';
 
@@ -37,4 +38,11 @@ export class MarkerManager {
         {position: {lat: marker.latitude, lng: marker.longitude}, label: marker.label});
     this._markers.set(marker, markerPromise);
   }
+
+  createClickObserable(marker: SebmGoogleMapMarker): Observable<void> {
+    return Observable.create((observer: Observer<void>) => {
+      this._markers.get(marker).then(
+          (m: google.maps.Marker) => { m.addListener('click', () => { observer.next(null); }); });
+    });
+  }
 }