Google Maps API v3:移动设备上不能点击的自定义标记

Question

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() { ...... });

上面的代码在所有桌面浏览器上都能正常工作，但在所有移动浏览器上都失败了。但是，如果我移除自定义图形（即'icon'属性），它可以正常工作。

有什么想法吗？我在拔头发！

Answer 1

找到了！

问题的根本原因是我们的代码将标记大小和锚点属性提供为字符串，而Maps API希望它们是整数。这些值从数据库加载，并从PHP程序提供给Javascript。因此，修复方法是在创建输出为JSON的数组时将PHP值强制转换为(int)。

这是一个非常微妙的问题：在桌面浏览器上，Maps API似乎可以很好地处理这些以字符串形式提供的参数。只有在移动浏览器上才会失败。