title: React Google Maps custom marker rotation
body: <p>I am trying to add a custom marker in React Google Maps and have each marker rotate based on the direction that the item is heading on the road. </p>
  
  <p>I am able to make the rotation work when I use <code>path</code> for an svg instead of a <code>url</code> referencing an image. The problem with <code>path</code> is that I cannot get <code>fillColor</code> to work, only <code>strokeColor</code>. It would also be nice to have a complex shape and <code>path</code> is somewhat restricting in the type of shape that you can add to it, because cannot pass multiple paths into the string.</p>
  
  <p>Please note that <code>heading</code> is getting the proper direction via my api and I have verified that it works. </p>
  
  <p>Here is my current code, any help is appreciated. Thanks!</p>
  
  <pre><code>const createIcon = (heading) =&gt; ({
      width: '15px',
      url: 
   'my image path',
      rotation: heading || 0, // set the rotation prop to indicate direction
  });
  </code></pre>