1

通常可以垂直滚动/缩放地图。会有一个灰色的背景。我“禁用/阻止”了它。

如果我使用谷歌地图的控件，这很好用。但是，如果我用鼠标滚轮缩放它有点麻烦，我可以缩小地图，所以灰色区域是可见的。

这是一个活生生的例子：例子

在不禁用鼠标滚轮缩放的情况下如何解决这个问题？

图片： 灰色区域可见，已缩小

THEME.gmap.position = function () {
var allowedBounds;
var lastCenter;
var lastZoom;
var initCenter;
var initZoom;

function checkBounds() {
    if (THEME.base.isUndefined(allowedBounds)) {
        return false;
    }
    if (allowedBounds.getNorthEast().lat() > THEME.gmap.google_map.getBounds().getNorthEast().lat()) {
        if (allowedBounds.getSouthWest().lat() < THEME.gmap.google_map.getBounds().getSouthWest().lat()) {
            lastCenter = THEME.gmap.google_map.getCenter();
            lastZoom = THEME.gmap.google_map.getZoom();
            return true;
        }
    }
    THEME.gmap.google_map.panTo(lastCenter);
    THEME.gmap.google_map.setZoom(lastZoom);
    return false;
}

return {
    createLatLng:function (lat, lng) {
        return new google.maps.LatLng(lat, lng);
    },
    centerMap:function (latLng) {
        THEME.gmap.google_map.setCenter(latLng);
    },
    setLimit:function () {
        allowedBounds = new google.maps.LatLngBounds(
            this.createLatLng(-85.0511, -122.591),
            this.createLatLng(85.0511, -122.333)
        );
        initCenter, lastCenter = THEME.gmap.google_map.getCenter();
        initZoom, lastZoom = THEME.gmap.google_map.getZoom();
        google.maps.event.addListener(THEME.gmap.google_map, 'bounds_changed', function () {
            checkBounds();
        });
        google.maps.event.addListener(THEME.gmap.google_map, 'center_changed', function () {
            checkBounds();
        });
    }
};
}();
4

1 回答 1

1

我想这是由 2 个竞争事件所迫使的，通常这两个事件每次都会触发。由于center_changed事件是多余的（当中心改变时边界也会改变），您可以删除center_changed-listener（对我来说这也解决了问题）

于 2013-02-19T11:56:28.047 回答