{"action":"created","issue":{"url":"https://api.github.com/repos/istarkov/google-map-react-examples/issues/8","repository_url":"https://api.github.com/repos/istarkov/google-map-react-examples","labels_url":"https://api.github.com/repos/istarkov/google-map-react-examples/issues/8/labels{/name}","comments_url":"https://api.github.com/repos/istarkov/google-map-react-examples/issues/8/comments","events_url":"https://api.github.com/repos/istarkov/google-map-react-examples/issues/8/events","html_url":"https://github.com/istarkov/google-map-react-examples/issues/8","id":118969545,"number":8,"title":"On Center Change Issues","user":{"login":"mlucool","id":1813603,"avatar_url":"https://avatars.githubusercontent.com/u/1813603?v=3","gravatar_id":"","url":"https://api.github.com/users/mlucool","html_url":"https://github.com/mlucool","followers_url":"https://api.github.com/users/mlucool/followers","following_url":"https://api.github.com/users/mlucool/following{/other_user}","gists_url":"https://api.github.com/users/mlucool/gists{/gist_id}","starred_url":"https://api.github.com/users/mlucool/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mlucool/subscriptions","organizations_url":"https://api.github.com/users/mlucool/orgs","repos_url":"https://api.github.com/users/mlucool/repos","events_url":"https://api.github.com/users/mlucool/events{/privacy}","received_events_url":"https://api.github.com/users/mlucool/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":15,"created_at":"2015-11-26T04:23:58Z","updated_at":"2016-02-03T13:29:55Z","closed_at":"2015-12-10T16:30:28Z","body":"Hi,\r\n\r\nWhenever I zoom, I have onChange to update my zoom which should change my makers. Instead I am seeing only the map zoom and my markers not change. The console has the following the following error output (note: react 0.14). I have found it also will not ever re-render if I change the center - so for now I have put in center to be some static value.\r\n\r\n```google_map.js:691 GoogleMap center not eq: [39.73953411213935, -104.98888952907988] [39.739336111111115, -104.99163611111113]```\r\n\r\n```javascript\r\nclass PictureMap extends React.Component {\r\n...\r\n    _onChange({center, zoom, bounds, ...other}) {\r\n        if(!this.props.onZoomChange) return;\r\n        this.props.onZoomChange(zoom);\r\n        this.setState({zoom: zoom});\r\n    }\r\n...\r\n    render() {.\r\n....\r\n        return (\r\n            <div style={greatPlaceStyle}>\r\n                <GoogleMap\r\n                    center={STATIC_CENTER}\r\n                    defaultZoom={this.props.zoom}\r\n                    onChange={this._onChange}\r\n                >\r\n                    {MARKERS}\r\n                </GoogleMap>\r\n            </div>\r\n        );\r\n}\r\nPictureMap = controllable(PictureMap, ['zoom']);\r\n\r\nexport {PictureMap};\r\n```\r\n\r\nThanks in advance for your suggestions!\r\n\r\nMarc"},"comment":{"url":"https://api.github.com/repos/istarkov/google-map-react-examples/issues/comments/179230875","html_url":"https://github.com/istarkov/google-map-react-examples/issues/8#issuecomment-179230875","issue_url":"https://api.github.com/repos/istarkov/google-map-react-examples/issues/8","id":179230875,"user":{"login":"fruitkiwi","id":1618266,"avatar_url":"https://avatars.githubusercontent.com/u/1618266?v=3","gravatar_id":"","url":"https://api.github.com/users/fruitkiwi","html_url":"https://github.com/fruitkiwi","followers_url":"https://api.github.com/users/fruitkiwi/followers","following_url":"https://api.github.com/users/fruitkiwi/following{/other_user}","gists_url":"https://api.github.com/users/fruitkiwi/gists{/gist_id}","starred_url":"https://api.github.com/users/fruitkiwi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fruitkiwi/subscriptions","organizations_url":"https://api.github.com/users/fruitkiwi/orgs","repos_url":"https://api.github.com/users/fruitkiwi/repos","events_url":"https://api.github.com/users/fruitkiwi/events{/privacy}","received_events_url":"https://api.github.com/users/fruitkiwi/received_events","type":"User","site_admin":false},"created_at":"2016-02-03T13:29:55Z","updated_at":"2016-02-03T13:29:55Z","body":"I'm trying to control map boundaries through state and get this error GoogleMap bounds not eq.\r\n\r\n```\r\nhandleBoundsChange(obj) {\r\n    let newCenter = this.lastValidCenter,\r\n        newZoom = (obj.zoom >= this.minZoomLevel ? obj.zoom : this.minZoomLevel);\r\n    if (this.allowedBounds &&\r\n        this.allowedBounds.contains(new this.mapsObject.LatLng(obj.center))) {\r\n      newCenter = this.lastValidCenter = obj.center;\r\n    }\r\n    this.setState({\r\n      center: newCenter,\r\n      zoom: newZoom\r\n    });\r\n  }\r\n```\r\n\r\n```\r\n<GoogleMap\r\n        center={this.state.center}\r\n        zoom={this.state.zoom}\r\n        options={mapconfig}\r\n        onChange={::this.handleBoundsChange}>\r\n</GoogleMap>\r\n```\r\n\r\n"}}