title: Can't use FitBounds on React Google Map
body: <p>Even if there're several questions about this, I can't find the solution in them. Here's why:
  I made a Google Maps component from react-google-maps in npm. The render of that component show this:</p>
  
  <pre><code>render() {
  return (this.state.skipRender &amp;&amp; "Bad Addresses") || (
    &lt;Map      
      google={this.props.google}
      initialCenter={this.state.center}
      bounds={this.state.bounds}
    &gt;
      {this.displayMarkers()}
    &lt;/Map&gt;
  );
  </code></pre>
  
  <p>}</p>
  
  <p>I want to put a fitBound, to make all markers generated in displayMarkers to be visible within the viewport. But there's nowhere I can use fitbounds. If I put it as a part of properties of  nothing happens. If I try to use map.fitBounds it says "map" is undefined. How I should apply fitBounds?</p>
  
  <p>Just in case is necessary, here's the displayMarkers function:</p>
  
  <pre><code>  displayMarkers = () =&gt; {
  return this.state.skipRender || this.state.addresses.map((address, index) =&gt; {
    return &lt;Marker
      key={index}
      id={index}
      position={{
        lat: address.lat,
        lng: address.lng
      }}
      title={this.state.titles[index]}
    /&gt;
  });
  </code></pre>
  
  <p>}</p>