繁体   English   中英

在Google地图上禁用缩放和链接

[英]Disable zoom and links on google map

我已禁用google map上的所有控件,使用以下参数,

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地图上的弹出窗口和链接的解决方案。

这是演示

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

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);
    }
}
disableDefaultUI: true,
scrollwheel: false,
navigationControl: false,
mapTypeControl: false,
scaleControl: false,

如果您使用的是Google Maps V3,则应这样做。 如果没有,则可以调用map.disableScrollWheelZoom();

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

markerOptions : {
    visible: true,
    clickable: false
}

如果您要禁用可点击的Poi,则可以使用地图的样式选项将其隐藏:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM