title: Cannot rotate ground overlay in React Google Maps - property "bearing " is ignored
body: <p>I am using the lib React Google Maps to display a map. I need to place a image with fixed bounds but it has a rotation, because its like a blueprint of a building. To achieve this, I am using GroundOverlay. My problem is, when I set a property option with bearing property, this property is ignored. It does not rotate.</p>
  <p>This is where I found bearing property.
  <a href="https://developers.google.com/android/reference/com/google/android/gms/maps/model/GroundOverlayOptions#bearing(float)" rel="nofollow noreferrer">https://developers.google.com/android/reference/com/google/android/gms/maps/model/GroundOverlayOptions#bearing(float)</a></p>
  <p>This is the lib docs:
  <a href="https://react-google-maps-api-docs.netlify.app/#groundoverlay" rel="nofollow noreferrer">https://react-google-maps-api-docs.netlify.app/#groundoverlay</a></p>
  <p>Here is my code:</p>
  <pre><code>&lt;LoadScript googleMapsApiKey=&quot;API-KEY&quot;&gt;
          &lt;GoogleMap mapContainerStyle={containerStyle} center={center} zoom={18}&gt;
              &lt;GroundOverlay
                key={&quot;url&quot;}
                url={planta}
                options={{ bearing: 30 }}
                bounds={{
                  north,
                  south,
                  east,
                  west,
                }}
              /&gt;
          &lt;/GoogleMap&gt;
  &lt;/LoadScript&gt;
  </code></pre>
  <p>If anyone know how can I rotate that image, will be appreciated. I need a solution that could be dynamic and not for that specific image, cause the idea is to render it from backend with the property bearing.</p>
  <p>HERE IS A LIVE EXAMPLE, I NEED TO ROTATE THIS IMAGE:
  <a href="https://codesandbox.io/s/compassionate-jackson-ul6ws?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/compassionate-jackson-ul6ws?file=/src/App.js</a></p>
  <p>Thank you!!</p>