Merge pull request fullstackreact#280 from andrewgouin/control_options

Control options

Author: auser

README.md

@@ -156,6 +156,17 @@ return (
 
 ```
 
+The following props are boolean values for map behavior:
+`scrollwheel`, `draggable`, `keyboardShortcuts`, `disableDoubleClickZoom`
+
+The following props are boolean values for presence of controls on the map:
+`zoomControl`, `mapTypeControl`, `scaleControl`, `streetViewControl`, `panControl`, `rotateControl`, `fullscreenControl`
+
+The following props are object values for control options such as placement of controls on the map:
+`zoomControlOptions`, `mapTypeControlOptions`, `streetViewControlOptions`
+See Google Maps [Controls](https://developers.google.com/maps/documentation/javascript/controls) for more information.
+
+
 It also takes event handlers described below:
 
 ### Events
@@ -218,6 +229,8 @@ render() {
 }
 ```
 
+The `<Map />` component also listens to `onRecenter`, `onBoundsChanged`, `onCenterChanged`, `onDblclick`, `onDragstart`, `onHeadingChange`, `onIdle`, `onMaptypeidChanged`, `onMousemove`, `onMouseout`, `onMouseover`, `onProjectionChanged`, `onResize`, `onRightclick`, `onTilesloaded`, `onTiltChanged`, and `onZoomChanged` events. See Google Maps [Events](https://developers.google.com/maps/documentation/javascript/events) for more information.
+
 ### Visibility
 
 You can control the visibility of the map by using the `visible` prop. This is useful for situations when you want to use the Google Maps API without a map. The `<Map />` component will load like normal. See the [Google places demo](https://fullstackreact.github.io/google-maps-react/#/places)

dist/index.js

@@ -250,9 +250,12 @@
             clickableIcons: !!this.props.clickableIcons,
             disableDefaultUI: this.props.disableDefaultUI,
             zoomControl: this.props.zoomControl,
+            zoomControlOptions: this.props.zoomControlOptions,
             mapTypeControl: this.props.mapTypeControl,
+            mapTypeControlOptions: this.props.mapTypeControlOptions,
             scaleControl: this.props.scaleControl,
             streetViewControl: this.props.streetViewControl,
+            streetViewControlOptions: this.props.streetViewControlOptions,
             panControl: this.props.panControl,
             rotateControl: this.props.rotateControl,
             fullscreenControl: this.props.fullscreenControl,
@@ -392,9 +395,12 @@
     clickableIcons: _propTypes2.default.bool,
     disableDefaultUI: _propTypes2.default.bool,
     zoomControl: _propTypes2.default.bool,
+    zoomControlOptions: _propTypes2.default.object,
     mapTypeControl: _propTypes2.default.bool,
+    mapTypeControlOptions: _propTypes2.default.object,
     scaleControl: _propTypes2.default.bool,
     streetViewControl: _propTypes2.default.bool,
+    streetViewControlOptions: _propTypes2.default.object,
     panControl: _propTypes2.default.bool,
     rotateControl: _propTypes2.default.bool,
     fullscreenControl: _propTypes2.default.bool,
@@ -427,4 +433,4 @@
   };
 
   exports.default = Map;
-});
+});

dist/lib/String.js

@@ -17,7 +17,7 @@
     value: true
   });
   var camelize = exports.camelize = function camelize(str) {
-    return str.split('_').map(function (word) {
+    return str.split(' ').map(function (word) {
       return word.charAt(0).toUpperCase() + word.slice(1);
     }).join('');
   };

src/index.js

@@ -149,9 +149,12 @@ export class Map extends React.Component {
           clickableIcons: !!this.props.clickableIcons,
           disableDefaultUI: this.props.disableDefaultUI,
           zoomControl: this.props.zoomControl,
+          zoomControlOptions: this.props.zoomControlOptions,
           mapTypeControl: this.props.mapTypeControl,
+          mapTypeControlOptions: this.props.mapTypeControlOptions,
           scaleControl: this.props.scaleControl,
           streetViewControl: this.props.streetViewControl,
+          streetViewControlOptions: this.props.streetViewControlOptions,
           panControl: this.props.panControl,
           rotateControl: this.props.rotateControl,
           fullscreenControl: this.props.fullscreenControl,
@@ -279,9 +282,12 @@ Map.propTypes = {
   clickableIcons: PropTypes.bool,
   disableDefaultUI: PropTypes.bool,
   zoomControl: PropTypes.bool,
+  zoomControlOptions: PropTypes.object,
   mapTypeControl: PropTypes.bool,
+  mapTypeControlOptions: PropTypes.bool,
   scaleControl: PropTypes.bool,
   streetViewControl: PropTypes.bool,
+  streetViewControlOptions: PropTypes.object,
   panControl: PropTypes.bool,
   rotateControl: PropTypes.bool,
   fullscreenControl: PropTypes.bool,

src/lib/String.js

@@ -1,5 +1,5 @@
 export const camelize = function(str) {
-  return str.split('_').map(function(word) {
+  return str.split(' ').map(function(word) {
     return word.charAt(0).toUpperCase() + word.slice(1);
   }).join('');
 }