拖动时将Google地图标记保留在地图中心?

时间:2011-08-23 19:21:50

标签: javascript google-maps google-maps-markers

我想在Google地图的正中央显示一些十字准线。

目前我的代码如下:

        var mapCentre = map.getCenter();
        reticleMarker = new google.maps.Marker({
            position: mapCentre,
            map: map,
            icon: reticleImage, 
            shape: reticleShape,
            optimized: false,
            zIndex: 5
        });
        google.maps.event.addListener(map, 'bounds_changed',
           function(){reticleMarker.setPosition(map.getCenter());});  

在桌面上运行良好,但在移动设备上无法运行。在移动设备上,当用户的手指拖动地图时,十字准线不会停留在地图的中心。

使用drag事件侦听器无效。

有人可以建议如何在移动浏览器中处理这个问题吗? (作为参考,我在Android浏览器中看到了这个问题。)

我想也许我应该在CSS中显示十字准线而不是地图标记?

1 个答案:

答案 0 :(得分:0)

  

我想也许我应该在CSS中显示十字准线而不是地图标记?

我使用了类似的方法,效果很好。您可以将任何想要的HTML放在地图容器中,Google地图不会介意。