title: Google Maps Api V3 - noticeable flicker when changing MarkerImage's URL
body: <p>I would like to change the marker image on a mouseover event. Right now, the important bit looks like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>google.maps.event.addListener(marker, "mouseover", function (event) 
  {
      this.set('icon', 'http://google.com/mapfiles/ms/micons/yellow-dot.png');
  });
  
  google.maps.event.addListener(marker, "mouseout", function (event) 
  {
      this.set('icon', 'http://google.com/mapfiles/ms/micons/red-dot.png');
  });
  </code></pre>
  
  <p>There is a flicker when I mouse over the first time, which I think is because Maps is loading the new image from the URL.</p>
  
  <p>Is there any way to pre-load both the yellow and red paddle markers and store them in cache?</p>