Modifying children causes zoom level to reset about react-google-maps HOT 9 CLOSED

Since this issue has been mentioned over and over again, I was thinking if we should make <GoogleMaps> a component like <input>. IE, they can have a controlled state and uncontrolled state. For most usage, uncontrolled <GoogleMaps> is enough. But that requires us to put the config into props.defaultConfig or something ...

from react-google-maps.

👍 @tomchentw Is there any snippet can you provide or example?

from react-google-maps.

+2

from react-google-maps.

👍
@ryanannatuvasquez It has not been implemented, yet. According to React doc, I believe it will be something like below:

<GoogleMaps
  defaultZoom={3}
  defaultCenter={{lat: -25.363882, lng: 131.044922}} />

from react-google-maps.

Thanks @wuct ! This is exactly what I'd expect. Please leave any feedback here.
@ryanannatuvasquez @khoerling @tybro0103

from react-google-maps.

@tomchentw I came up with temporary solution, having zoomLevel and location state, the zoomLevel updates in onZoomChanged event and onDragend event for location.

from react-google-maps.

@ryanannatuvasquez That's the standard ("React") way to handle internal state of a component. Good job!

from react-google-maps.

Please move discussions to #88, thanks. Close this now.

from react-google-maps.

Released v2.0.0 and v2.0.1.

from react-google-maps.