title: google-maps-react default zoom doesn't work with bounds prop
body: <p>I came across this issue today where if i have bounds set on my map, the zoom prop doesn't work. Basically i have an object with bounds set to the following:</p>
  <pre><code>{ &quot;south&quot;: -25.5469, &quot;west&quot;: 65.45898, &quot;north&quot;: 32.587894, &quot;east&quot;: 31.3069 }
  </code></pre>
  <p>This basically negates my zoom prop. This is how I'm calling my component.</p>
  <pre><code>&lt;Map google={google} initialCenter={avgCenter} zoom={10} bounds={bounds}&gt;
  </code></pre>
  <p>If i have 1, 10 or 1000 as my zoom, it wont change but if I remove my bounds, it works. I think it's stuck to a 2 or 3 zoom by default. Anybody know a work around for this problem? I just want to change the default props, when my map renders I can actually zoom in and out with no problems.</p>
  <p>The package I am using is the following <a href="https://www.npmjs.com/package/google-maps-react" rel="nofollow noreferrer">Google-Maps-React</a></p>