title: google map markers - image with custom colors
body: <p>I would like to use one marker in 100 different colours.  I could do this by copying and painting the a marker in 100 colours, but it would be easier if possible to make one transparent image and paint it at run time if possible, or building an SVG on the fly for each marker.  What are options for this?</p>
  
  <pre><code> var marker = new google.maps.Marker( {            
                  position: position,
                  map: map,
                  icon: 'http://example.com/mymarker.png
                  });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/OH7dI.png" alt="enter image description here"></p>
  
  <p>thanks</p>