feat(Declarative Bounds) specify map bounds via props

tomchentw · May 30, 2015 · a4b48a1 · a4b48a1
1 parent 3433bff
commit a4b48a1
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/src/GoogleMaps.js b/src/GoogleMaps.js
@@ -55,10 +55,15 @@ class GoogleMaps extends EventComponent {
     }
     // googleMapsApi can be async loaded
     /*eslint-disable no-unused-vars */
-    const {containerProps, googleMapsApi, ...googleMapsConfig} = props;
+    const {containerProps, googleMapsApi, bounds, ...googleMapsConfig} = props;
     /*eslint-enable no-unused-vars */
     var {instance} = this.state;
 
+    if (bounds) {
+      delete googleMapsConfig.zoom;
+      delete googleMapsConfig.center;
+    }
+
     if (instance) {
       instance.setOptions(googleMapsConfig);
     } else {
@@ -71,6 +76,11 @@ class GoogleMaps extends EventComponent {
 
       this.setState({instance});
     }
+
+    if (bounds) {
+      instance.fitBounds(bounds);
+    }
+
     return instance;
   }
 
@@ -120,6 +130,7 @@ class GoogleMaps extends EventComponent {
 GoogleMaps.propTypes = {
   ...EventComponent.propTypes,
   containerProps: PropTypes.object.isRequired,
+  bounds: React.PropTypes.object
 };
 
 GoogleMaps._registerEvents = createRegisterEvents(