- npm updates

- add map-view.component (instead of initializing the map component inside app component)-
- add custom zoom control

src/app/app.component.html

@@ -21,8 +21,11 @@
         <div class="navbar-start">
             <span id='map-title' class="navbar-item">
             </span>
-            <a class="navbar-item">
-                Documentation
+            <a class="navbar-item"  routerLink="/dashboard"  routerLinkActive="is-active">
+                Dashboard
+            </a>
+            <a class="navbar-item"  routerLink="/map"  routerLinkActive="is-active">
+                Map
             </a>
         </div>
         <div class="navbar-end">
@@ -43,13 +46,14 @@
     <div class="main columns">
 
         <div class="canvas-area is-8 column">
-            <div id="div-map">
+            <!-- <div id="div-map">
 
                 <app-map [mapId]="'map'" [mapOptions]="mapOptions" [serviceUrl]="providerUrl" [baseMaps]="baseMaps"
                     (onSelected)="onStationSelected($event)" (onMapInitializedEvent)="onMapInitialized($event)">
                 </app-map>
-                <!-- <router-outlet></router-outlet> -->
-            </div>
+                
+            </div> -->
+            <router-outlet></router-outlet>
         </div>
 
         <div class="input-area is-4 column">