Invoking a fitBounds on initialization

How to execute a method fitBounds once the map object initialized?

Where am I so far (terribly wrong, but most of the time works):

  render() {
    var center = [59.938043, 30.337157];
    var zoom = 8;

    return (
      <div className="search-map">
        <GoogleMap
          center={center}
          zoom={zoom}
          ref="googleMap">
          {this.renderMarkers()}
        </GoogleMap>
      </div>
    );
  },
  componentDidUpdate() {
    var map = this.refs.googleMap.map_;
    if (map) {
      var maps = this.refs.googleMap.maps_;
      var bounds = new maps.LatLngBounds();
      each(this.props.places, (place) => {
        var latLng = new maps.LatLng(place.lat, place.lng);
        bounds.extend(latLng);
      });
      map.fitBounds(bounds);
    }
  }

Most of the time it works, but sometimes an update happens before the map mounted, or in other words googleMapLoader is resolved.

I believe the correct solution is to invoke props callback in componentDidMount GoogleMap component.

[yrik]

What is the best way to get nw, se from set of markers?

[istarkov]

@voold No! have your read this? Fast and dirty realization and please no questions about as I will not answer