我们有一个网站使用 Google Maps API v3 在地图上显示一堆标记。标记是可点击的,并打开一个标准的谷歌地图信息弹出窗口。
这适用于所有桌面浏览器。但由于某种原因,我无法让它在我测试过的任何移动设备(各种 Android 和 iOS 设备)上运行。标记根本不响应点击。
我已将其范围缩小到我们的自定义标记。如果我删除使用 加载我们的自定义标记图像的代码new google.maps.MarkerImage()
,那么它工作正常。
var marker = new google.maps.Marker(
var markerOptions = {
icon : new google.maps.MarkerImage(
mURL, new google.maps.Size(mWidth,mHeight),
new google.maps.Point(0,0),new google.maps.Point(anchorX,anchorY)
),
flat: true,
position: point,
visible: true,
title: title,
zIndex: zIndex,
map: map,
}
);
google.maps.event.addListener(marker,'click',function() { ...... });
上面的代码在所有桌面浏览器上都可以正常工作,但在所有移动浏览器上都失败了。但是,如果我删除自定义图形(即“图标”属性),它可以正常工作。
有任何想法吗?我要拔头发了!