Merge pull request #36 from danilbykov/bounds

added parameter 'bounds' to MapContainer

Author: effrenus

lib/MapContainer.js

@@ -94,6 +94,12 @@ var YandexMap = function (_Component) {
                             _this2._controller.setZoom(nextProps.zoom);
                         }
 
+                        break;
+                    case 'bounds':
+                        if (_this2.props.bounds !== nextProps.bounds) {
+                            _this2._controller.setBounds(nextProps.bounds);
+                        }
+
                         break;
                     default:
                         break;
@@ -148,7 +154,8 @@ var YandexMap = function (_Component) {
             this._controller = new _MapController2.default();
             this._controller.createMap(_reactDom2.default.findDOMNode(this.refs.mapContainer), _extends({}, this.props.state, {
                 center: this.props.center,
-                zoom: this.props.zoom
+                zoom: this.props.zoom,
+                bounds: this.props.bounds
             }), _extends({}, this.props.options));
 
             this._setupEvents();
@@ -171,13 +178,15 @@ YandexMap.propTypes = {
     zoom: _react.PropTypes.number,
     state: _react.PropTypes.object,
     coordorder: _react.PropTypes.oneOf(['latlong', 'longlat']),
-    options: _react.PropTypes.object
+    options: _react.PropTypes.object,
+    bounds: _react.PropTypes.array
 };
 YandexMap.defaultProps = {
     zoom: 10,
     center: [55, 45],
     width: 600,
     height: 600,
+    bounds: undefined,
     state: {
         controls: []
     },

lib/MapMarker.js

@@ -49,13 +49,13 @@ var MapMarker = function (_Component) {
         value: function componentDidUpdate(prevProps) {
             var _this2 = this;
 
-            var _props = this.props;
-            var lat = _props.lat;
-            var lon = _props.lon;
-            var children = _props.children;
-            var properties = _props.properties;
-            var options = _props.options;
-            var balloonState = _props.balloonState;
+            var _props = this.props,
+                lat = _props.lat,
+                lon = _props.lon,
+                children = _props.children,
+                properties = _props.properties,
+                options = _props.options,
+                balloonState = _props.balloonState;
 
 
             if (lat !== prevProps.lat || lon !== prevProps.lon) {
@@ -84,12 +84,12 @@ var MapMarker = function (_Component) {
     }, {
         key: 'componentDidMount',
         value: function componentDidMount() {
-            var _props2 = this.props;
-            var lat = _props2.lat;
-            var lon = _props2.lon;
-            var properties = _props2.properties;
-            var options = _props2.options;
-            var balloonState = _props2.balloonState;
+            var _props2 = this.props,
+                lat = _props2.lat,
+                lon = _props2.lon,
+                properties = _props2.properties,
+                options = _props2.options,
+                balloonState = _props2.balloonState;
 
             var coords = this.context.coordorder === 'longlat' ? [lon, lat] : [lat, lon];
 

lib/controllers/MapController.js

@@ -50,6 +50,11 @@ var MapController = function () {
         value: function setZoom(zoom) {
             this._map.setZoom(zoom);
         }
+    }, {
+        key: 'setBounds',
+        value: function setBounds(bounds) {
+            this._map.setBounds(bounds);
+        }
     }, {
         key: 'setState',
         value: function setState(name, value) {

lib/controllers/layouts.js

@@ -29,9 +29,9 @@ function detectImagesLoaded(element) {
 }
 
 function createLayout(_ref) {
-    var domElement = _ref.domElement;
-    var _ref$extendMethods = _ref.extendMethods;
-    var extendMethods = _ref$extendMethods === undefined ? {} : _ref$extendMethods;
+    var domElement = _ref.domElement,
+        _ref$extendMethods = _ref.extendMethods,
+        extendMethods = _ref$extendMethods === undefined ? {} : _ref$extendMethods;
 
     var LayoutClass = _api2.default.getAPI().templateLayoutFactory.createClass('<i></i>', Object.assign({
         build: function build() {

src/MapContainer.jsx

@@ -16,14 +16,16 @@ class YandexMap extends Component {
         zoom: PropTypes.number,
         state: PropTypes.object,
         coordorder: PropTypes.oneOf(['latlong', 'longlat']),
-        options: PropTypes.object
+        options: PropTypes.object,
+        bounds: PropTypes.array
     }
 
     static defaultProps = {
         zoom: 10,
         center: [55, 45],
         width: 600,
         height: 600,
+        bounds: undefined,
         state: {
             controls: []
         },
@@ -74,6 +76,12 @@ class YandexMap extends Component {
                       this._controller.setZoom(nextProps.zoom);
                     }
 
+                    break;
+                case 'bounds':
+                    if (this.props.bounds !== nextProps.bounds) {
+                      this._controller.setBounds(nextProps.bounds);
+                    }
+
                     break;
                 default:
                     break;
@@ -127,7 +135,8 @@ class YandexMap extends Component {
             {
                 ...this.props.state,
                 center: this.props.center,
-                zoom: this.props.zoom
+                zoom: this.props.zoom,
+                bounds: this.props.bounds
             },
             {...this.props.options}
         );

src/controllers/MapController.js

@@ -34,6 +34,9 @@ class MapController {
     setZoom (zoom) {
         this._map.setZoom(zoom);
     }
+    setBounds (bounds) {
+        this._map.setBounds(bounds);
+    }
 
     setState (name, value) {
         this._map.state.set(name, value);