feat(AgmMap): add mapTypeId support

You can now set the mapTypeId with an input named mapTypeId. Closes #774
sebholstein · Jan 31, 2017 · edf6e4f · edf6e4f · robert-king · Apr 24, 2017
1 parent 52315b3
commit edf6e4f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/core/directives/map.ts b/src/core/directives/map.ts
@@ -49,7 +49,7 @@ import {DataLayerManager} from './../services/managers/data-layer-manager';
     'draggingCursor', 'keyboardShortcuts', 'zoomControl', 'zoomControlOptions', 'styles', 'usePanning',
     'streetViewControl', 'streetViewControlOptions', 'fitBounds', 'mapTypeControl', 'mapTypeControlOptions',
     'panControlOptions', 'rotateControl', 'rotateControlOptions', 'fullscreenControl', 'fullscreenControlOptions',
-    'scaleControl', 'scaleControlOptions'
+    'scaleControl', 'scaleControlOptions', 'mapTypeId'
   ],
   outputs: [
     'mapClick', 'mapRightClick', 'mapDblClick', 'centerChange', 'idle', 'boundsChange', 'zoomChange'
@@ -241,6 +241,11 @@ export class AgmMap implements OnChanges, OnInit, OnDestroy {
    */
   fullscreenControlOptions: FullscreenControlOptions;
 
+  /**
+   * The map mapTypeId. Defaults to 'roadmap'.
+   */
+  mapTypeId: 'roadmap'|'hybrid'|'satellite'|'terrain'|string = 'roadmap';
+
   /**
    * Map option attributes that can change over time
    */
@@ -249,7 +254,8 @@ export class AgmMap implements OnChanges, OnInit, OnDestroy {
     'keyboardShortcuts', 'zoomControl', 'zoomControlOptions', 'styles', 'streetViewControl',
     'streetViewControlOptions', 'zoom', 'mapTypeControl', 'mapTypeControlOptions', 'minZoom',
     'maxZoom', 'panControl', 'panControlOptions', 'rotateControl', 'rotateControlOptions',
-    'fullscreenControl', 'fullscreenControlOptions', 'scaleControl', 'scaleControlOptions'
+    'fullscreenControl', 'fullscreenControlOptions', 'scaleControl', 'scaleControlOptions',
+    'mapTypeId'
   ];
 
   private _observableSubscriptions: Subscription[] = [];
@@ -330,6 +336,7 @@ export class AgmMap implements OnChanges, OnInit, OnDestroy {
       rotateControlOptions: this.rotateControlOptions,
       fullscreenControl: this.fullscreenControl,
       fullscreenControlOptions: this.fullscreenControlOptions,
+      mapTypeId: this.mapTypeId
     });
 
     // register event listeners

diff --git a/src/core/services/google-maps-types.ts b/src/core/services/google-maps-types.ts
@@ -146,6 +146,7 @@ export interface MapOptions {
   rotateControlOptions?: RotateControlOptions;
   fullscreenControl?: boolean;
   fullscreenControlOptions?: FullscreenControlOptions;
+  mapTypeId?: string|MapTypeId;
 }
 
 export interface MapTypeStyle {