feat(mglNavigation): add showCompass & showZoom inputs

close #55

projects/ngx-mapbox-gl/src/lib/control/navigation-control.directive.ts

@@ -1,4 +1,4 @@
-import { Directive, OnInit, Host } from '@angular/core';
+import { Directive, Host, Input, OnInit } from '@angular/core';
 import { NavigationControl } from 'mapbox-gl';
 import { MapService } from '../map/map.service';
 import { ControlComponent } from './control.component';
@@ -7,6 +7,9 @@ import { ControlComponent } from './control.component';
   selector: '[mglNavigation]'
 })
 export class NavigationControlDirective implements OnInit {
+  /* Init inputs */
+  @Input() showCompass?: boolean;
+  @Input() showZoom?: boolean;
 
   constructor(
     private MapService: MapService,
@@ -18,7 +21,14 @@ export class NavigationControlDirective implements OnInit {
       if (this.ControlComponent.control) {
         throw new Error('Another control is already set for this control');
       }
-      this.ControlComponent.control = new NavigationControl();
+      let options: { showCompass?: boolean, showZoom?: boolean } = {};
+      if (this.showCompass !== undefined) {
+        options.showCompass = this.showCompass;
+      }
+      if (this.showZoom !== undefined) {
+        options.showZoom = this.showZoom;
+      }
+      this.ControlComponent.control = new NavigationControl(options);
       this.MapService.addControl(this.ControlComponent.control, this.ControlComponent.position);
     });
   }