title: Google Maps fixed position overlay
body: <p>I'm developing a web application which heavily relies on Google Maps. The design I was handed has some vignetting overlayed over the map and I cannot seem to find a solution to implement this while not stealing events from the Google Maps container element.</p>
  
  <p>I've Googled around a bit but have not found a solid solution yet. The suggestions I've found have failed in my tests:</p>
  
  <ul>
  <li>Using OverlayView will not set it fixed to the container and instead will pan with the map.</li>
  <li>I've tried adding it as a custom control but that appears to be stealing events from the map and make the user unable to pan.</li>
  </ul>
  
  <p>I've even tried injecting my element into a bunch of elements created by Google Maps but no dice.</p>
  
  <p>Is there any way I can achieve this without being too hacky about it?</p>