簡體   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