title: Google Maps Javascript API with an OpenWeatherMap Tile Layer Overlay
body: <p>How can I overlay an XYZ tile set (<a href="http://openweathermap.org/help/tiles.html?opacity=0.8&amp;l=precipitation" rel="nofollow">something like this</a>) on Google Maps API 3? I want to overlay weather data (cloud cover...etc). Feel free to use my OpenWeatherMaps URL to test it out:</p>
  
  <pre><code>http://maps.owm.io:8091/56ce0fcd4376d3010038aaa8/{z}/{x}/{y}?hash=5
  </code></pre>
  
  <p>I have spent multiple days trying to figure out this seemingly simple feature.
   If someone can provide a working example I would be in your debt. Feel free to check out my <a href="https://gist.github.com/karlfloersch/1bb1e23ae7c31082cdd4" rel="nofollow">GitHub Gist implementation using OL3 and OSM</a> of this weather data overlay. I'd also love to know if this is not easily achievable/requires hacks.</p>
  
  <p>Thank you!</p>
  
  <p><strong>Update</strong>: Thanks to @wf9a5m75's answer, I was able to put together this jsFiddle with the solution to my problem: <a href="https://jsfiddle.net/601oqwq2/4/" rel="nofollow">https://jsfiddle.net/601oqwq2/4/</a></p>