我正在使用html5开发iPhone应用,并使用Phonegap构建。在应用程序中,有一个带有自定义标记的Google地图,标记图标的创建方式如下:
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使图标下降时,图标会以高分辨率显示在下降过程中,但当图标“着陆”在地图上时,图标会切换成低分辨率版本。
有没有人也遇到过同样的问题?
谢谢...
更新 发现如果我指定Google地图版本号:
http://maps.googleapis.com/maps/api/js?v=3.0
所以我猜这是最新的Google地图API中的一个bug。