feat(map): map browser binding directive

src/demo-app/app/app.component.html

@@ -86,6 +86,7 @@
         igoOverlay
         igoMapContext
         igoLayerContext
+        igoMapBrowserBinding
         [map]="map">
         <igo-zoom [map]="map" color="primary"></igo-zoom>
       </igo-map-browser>

src/lib/map/map-browser/index.ts

@@ -1 +1,2 @@
 export * from './map-browser.component';
+export * from './map-browser-binding.directive';

src/lib/map/map-browser/map-browser-binding.directive.ts

@@ -0,0 +1,31 @@
+import { Directive, Self, OnInit, OnDestroy } from '@angular/core';
+
+import { MapService } from '../shared';
+import { MapBrowserComponent } from './map-browser.component';
+
+
+@Directive({
+  selector: '[igoMapBrowserBinding]'
+})
+export class MapBrowserBindingDirective implements OnInit, OnDestroy {
+
+  private component: MapBrowserComponent;
+
+  constructor(@Self() component: MapBrowserComponent,
+              private mapService: MapService) {
+    this.component = component;
+  }
+
+  ngOnInit() {
+    if (this.mapService.getMap() !== undefined) {
+      throw new Error('No more than one map be binded to the map service.');
+    }
+
+    this.mapService.setMap(this.component.map);
+  }
+
+  ngOnDestroy() {
+    this.mapService.setMap(undefined);
+  }
+
+}

src/lib/map/map-browser/map-browser-binding.spec.ts

@@ -0,0 +1,14 @@
+import { TestBed } from '@angular/core/testing';
+
+describe('MapBrowserBindingDirective', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      imports: [],
+      providers: []
+    });
+  });
+
+  it('should create an instance', () => {
+    expect(true).toBeTruthy();
+  });
+});

src/lib/map/map-browser/map-browser.component.spec.ts

@@ -1,6 +1,6 @@
 import { async, ComponentFixture, TestBed } from '@angular/core/testing';
 
-import { IgoMap, MapService } from '../shared';
+import { IgoMap } from '../shared';
 import { MapBrowserComponent } from './map-browser.component';
 
 
@@ -13,9 +13,6 @@ describe('MapBrowserComponent', () => {
       imports: [],
       declarations: [
         MapBrowserComponent
-      ],
-      providers: [
-        MapService
       ]
     })
     .compileComponents();

src/lib/map/map-browser/map-browser.component.ts

@@ -1,6 +1,6 @@
 import { Component, Input, AfterViewInit } from '@angular/core';
 
-import { IgoMap, MapViewOptions, MapService } from '../shared';
+import { IgoMap, MapViewOptions } from '../shared';
 
 @Component({
   selector: 'igo-map-browser',
@@ -26,10 +26,9 @@ export class MapBrowserComponent implements AfterViewInit {
 
   public id: string = 'igo-map-target';
 
-  constructor(private mapService: MapService) {}
+  constructor() {}
 
   ngAfterViewInit(): any {
     this.map.olMap.setTarget(this.id);
-    this.mapService.setMap(this.map);
   }
 }

src/lib/map/module.ts

@@ -3,7 +3,7 @@ import { NgModule, ModuleWithProviders } from '@angular/core';
 import { IgoSharedModule } from '../shared';
 
 import { MapService } from './shared';
-import { MapBrowserComponent } from './map-browser';
+import { MapBrowserComponent, MapBrowserBindingDirective } from './map-browser';
 import { ZoomComponent } from './zoom';
 
 
@@ -13,10 +13,12 @@ import { ZoomComponent } from './zoom';
   ],
   exports: [
     MapBrowserComponent,
+    MapBrowserBindingDirective,
     ZoomComponent
   ],
   declarations: [
     MapBrowserComponent,
+    MapBrowserBindingDirective,
     ZoomComponent
   ]
 })