title: Make a color tinted map in Google Maps v3
body: <p>I have searched around the net, and found several solutions. Including <a href="https://stackoverflow.com/questions/10964607/color-tint-my-google-map">this thread here on SO</a>. However, all of the methods creates a <strong>flicker</strong> on the screen while zooming in/out.</p>
  
  <p>Is there any way of preventing this? I'm currently applying a <a href="https://developers.google.com/maps/documentation/javascript/reference?hl=sv#ImageMapType" rel="nofollow noreferrer">ImageMapType</a> as overlay. It works great, but the flickering occurs while zooming.</p>
  
  <p>Are there any other alternatives to apply a color tint to the map, but not the other overlays (markers and such).</p>
  
  <p>This is how I apply my ImageMapType btw:</p>
  
  <pre><code>var overlayTint = new google.maps.ImageMapType({
      getTileUrl: function(tile, zoom) {return 'library/img/maptint.png';},
      tileSize: new google.maps.Size(512, 512),
      opacity: 0.30,
      isPng: true
  });
  map.overlayMapTypes.insertAt(0, overlayTint);
  </code></pre>
  
  <p><strong>EDIT:</strong> I'm using <em>Satellite maps</em>, which implies that Styled Maps are not the way to go either.</p>