title: Google map custom markers Retina resolution
body: <p>I'm developing an iPhone app in html5 and making the build with Phonegap.
  In the app there's a Google map with custom markers, the way the marker icons are created is as follows:</p>
  
  <pre><code>var image = new google.maps.MarkerImage("hat.png", null, null, null, new google.maps.Size(20,30));
  var shadow = new google.maps.MarkerImage("shadow.png", null, null, null, new google.maps.Size(20,30));
  
  var marker = new google.maps.Marker({
                   map: map,
                   position: latlng,
                   index: markers.length,
                   icon: image,                     
                   shadow: shadow,
                   animation: google.maps.Animation.DROP,
                   html: htmlContent                                                
               });
  </code></pre>
  
  <p>The actual size of the icon's are double size compared to the sizes defined in the code. This is done to make sure the icons are shown in high res on the Retina display.
  The code above worked fine until today, but what happens now is the following.</p>
  
  <p>When the icons Drop down, using the google.maps.Animation.DROP, the icon is shown in high res on the way down, but when the icon "lands" on the map, the icon switches to a low res resolution version.</p>
  
  <p>Has anyone ever experienced the same?</p>
  
  <p>Thank you...</p>
  
  <p><strong>UPDATE</strong>
  Found out that if I specify the Google map version like:</p>
  
  <pre><code>http://maps.googleapis.com/maps/api/js?v=3.0
  </code></pre>
  
  <p>So I guess it's a bug in the newest Goolge map API.</p>