Map ignores zoom/center state changes after user pans map with built-in controls

I have a basic map example with a button that on click will change map zoom and center. The button works as intended on load.

However, once you pan the map or use the built-in zoom controls the map stops listening to the state events. When you try the button event after zooming in with controls, the map fails to respond and update.

Anyone else experience this? Some sample code to reproduce is below...

handleClick() {
  this.setState(update(this.state, {
    zoom: 12,
    center: {lat: 44, lng: 13}
  }));
},
render() {
  <div onClick={this.handleClick}>re-zoom</div>
  <GoogleMap
    center={this.state.center}
    zoom={this.state.zoom}>
  </GoogleMap>
}

Please provide jsbin examples https://jsbin.com/roqutisoqu/1/edit?js,console,output
Otherwise I have no idea how to help with information u provide.

ahh, thank you. looks like i need to capture the onChange and set state from those changes as well, otherwise it stops working.

that said, now im seeing more of the problems with "GoogleMap bounds not eq" referenced by https://github.com/istarkov/google-map-react-examples/issues/8

Navigation Menu

Repository navigation

Map ignores zoom/center state changes after user pans map with built-in controls #176

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Map ignores zoom/center state changes after user pans map with built-in controls #176

Description

Activity

istarkov commented on Jun 23, 2016

worldlyjohn commented on Jun 28, 2016

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions