Added default zoom

src/app/dashboard/map.component.html

@@ -8,7 +8,7 @@
         </div>
           <!-- this creates a google map on the page with the given lat/lng from -->
           <!-- the component as the initial center of the map: -->
-          <agm-map [latitude]="lat" [longitude]="lng">
+          <agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom" [scaleControl]="true">
             <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
           </agm-map>
       </div>

src/app/dashboard/map.component.ts

@@ -11,6 +11,7 @@ export class MapComponent implements OnInit {
 
   lat: number = 54.0466;
   lng: number = -2.8007;
+  zoom: number = 12;
 
   constructor(
     private http: Http,