html - 谷歌地图自定义标记视网膜分辨率

Question

我正在用 html5 开发一个 iPhone 应用程序，并使用 Phonegap 进行构建。在应用程序中有一个带有自定义标记的谷歌地图，标记图标的创建方式如下:

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                                                
             });

与代码中定义的尺寸相比，图标的实际尺寸是两倍。这样做是为了确保图标在 Retina 显示屏上以高分辨率显示。上面的代码直到今天都运行良好，但现在发生的情况如下。

当图标下拉时，使用 google.maps.Animation.DROP，图标在下降过程中以高分辨率显示，但当图标“降落”在 map 上时，图标切换为低分辨率分辨率版本。

有没有人遇到过同样的情况？

谢谢...

更新发现如果我像这样指定 Google map 版本:

http://maps.googleapis.com/maps/api/js?v=3.0

所以我猜这是最新的 Goolge map API 中的一个错误。

Answer 1

我通过使用 scaledSize 而不是 size 来定义图像的宽度和高度找到了解决方案。