Question

我们遇到了与 Google Maps API V3 相关的问题。问题在于，当我们拖动标记时，地图也会开始拖动。

我们仅在Windows 8环境+ Internet Explorer的触摸屏上遇到此问题，在普通屏幕/移动屏幕上正常 - IPaid /其他浏览器（Safari和FireFox）。

我们使用了以下解决方案，但它在 Internet Explorer9和10 中引发错误（eval javascript error）：

google.maps.event.addListener(marker, 'dragstart', function(){ mapObject.setOptions({ draggable: false }); }); google.maps.event.addListener(marker, 'dragend', function(){ mapObject.setOptions({ draggable: true }); });

Sample code is here

我们也在这里报告了这个问题： gmaps-api-issues

修改

我们在这里也发布了related question。

Answer 1

最后一次成功（地图仍然有点移动，但此刻可以忽略）！

声明了两个变量：

var isAnyMarkerIsInDraggingState = false;// if a marker is in drag state this value will be TRUE otherwise FALSE
var mapCenterPositionAtTheTimeWhenMarkerWasDragged;// Map Center Position

拖动标记时

   google.maps.event.addListener(objMarker, 'dragstart', function () {
        // Store map center position when a marker is dragged
        mapCenterPositionAtTheTimeWhenMarkerWasDragged = mapObject.getCenter();
        isAnyMarkerIsInDraggingState = true;
    });

标记被删除（拖动结束）：

google.maps.event.addListener(objMarker, 'dragend', function () {
    // Make Map draggable
    // Set isAnyMarkerIsInDraggingState = false. Because no marker is in drag state
    mapObject.setOptions({ draggable: true });
    isAnyMarkerIsInDraggingState = false;
});

地图拖动开始时：

google.maps.event.addListener(mapObject, 'dragstart', function () {
    // isAnyMarkerIsInDraggingState = true: means the user is dragging a marker.
    // If the user is dragging the Marker then don't allow the Map to be Dragged
    if (isAnyMarkerIsInDraggingState) {
        mapObject.setOptions({ draggable: false });
    }
});

当地图处于拖动状态时

google.maps.event.addListener(mapObject, 'drag', function () {
    // isAnyMarkerIsInDraggingState = true: means the user is dragging a marker.
    // If the user is dragging the Marker then don't allow the Map to be Dragged and set its CenterPosition
    // to mapCenterPositionAtTheTimeWhenMarkerWasDragged

    if (isAnyMarkerIsInDraggingState) {
        mapObject.setCenter(mapCenterPositionAtTheTimeWhenMarkerWasDragged);
    }
});

Complete sample code is here

Internet Explorer + Windows8触摸屏问题

1 个答案: