#98 Add map_id option for cloud based styling

Author: bondz

src/components/StaticGoogleMap.js

@@ -41,6 +41,7 @@ class StaticGoogleMap extends Component {
     region: PropTypes.string,
     visible: PropTypes.string,
     style: PropTypes.string,
+    mapId: PropTypes.string,
 
     center: PropTypes.string,
     zoom: PropTypes.string,
@@ -119,6 +120,7 @@ class StaticGoogleMap extends Component {
       zoom,
       scale,
       style,
+      mapId,
       center,
       format,
       client,

src/strategies/map.js

@@ -7,6 +7,7 @@ const MapStrategy = props => {
     zoom,
     scale,
     style,
+    mapId,
     center,
     format,
     client,
@@ -25,6 +26,7 @@ const MapStrategy = props => {
   urlParts.push(urlBuilder('zoom', zoom, '='));
   urlParts.push(urlBuilder('scale', scale, '='));
   urlParts.push(urlBuilder('style', style, '='));
+  urlParts.push(urlBuilder('map_id', mapId, '='));
   urlParts.push(urlBuilder('center', center, '=')); // Todo: Allow Objects.
   urlParts.push(urlBuilder('format', format, '='));
   urlParts.push(urlBuilder('client', client, '='));

typings/index.d.ts

@@ -86,6 +86,8 @@ declare namespace ReactStaticGoogleMap {
 
     style?: string;
 
+    mapId?: string;
+
     /**
      * Paths to show on the map
      *
@@ -146,7 +148,7 @@ declare namespace ReactStaticGoogleMap {
      * @memberof GoogleMapImageProps
      */
     onCacheUpdate?: (cache: cacheType) => void;
-      
+
     /**
      * The root url in which all params will be serialized and appended to.
      *