禁用谷歌地图上的缩放和链接

时间:2014-03-06 11:35:10

标签: javascript google-maps google-maps-api-3

我已停用Google地图上的所有控件,使用以下参数

var mapOptions = {
        zoom: 15,
        center: new google.maps.LatLng(latitude,longitude),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        disableDefaultUI: true,
        draggable: false, 
                zoomControl: false, 
                scrollwheel: false,     
    };

但是用户仍然可以使用双击放大和缩小地图。 此外,地图上还有一些弹出窗口显示有关该地点的一些信息。 如何禁用双击放大和提供信息的弹出窗口。 此设置中是否遗漏了某些内容?

更新

最后获得了禁用Google地图here上的弹出窗口和链接的解决方案。

这是demo

在地图加载完成后调用此函数。

function fixInfoWindow() {
    var set = google.maps.InfoWindow.prototype.set;
    google.maps.InfoWindow.prototype.set = function (key, val) {
        if (key === 'map') {
            if (!this.get('noSupress')) {
                return;
            }
        }
        set.apply(this, arguments);
    }
}

2 个答案:

答案 0 :(得分:1)

disableDefaultUI: true,
scrollwheel: false,
navigationControl: false,
mapTypeControl: false,
scaleControl: false,
如果你使用的是谷歌地图V3,那么

应该这样做。如果没有,您可以拨打map.disableScrollWheelZoom();

要禁用弹出窗口,您可以使用类似..

的内容
markerOptions : {
    visible: true,
    clickable: false
}

答案 1 :(得分:1)

如果您尝试禁用可点击的poi-s,可以使用地图的样式选项隐藏它们:

var mapOptions = {
    styles: [
        {
            featureType: 'poi.business',
            elementType: 'labels',
            stylers: [
                { visibility: 'off' }
            ]
        }
    ]
};  
map = new google.maps.Map(document.getElementById(mapId),mapOptions);