[英]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,
};
但是,用戶仍然可以使用雙擊放大和縮小地圖。 在地圖上也有一些彈出窗口,顯示有關該地點的一些信息。 我如何禁用雙擊放大以及提供信息的彈出窗口。 此設置中是否缺少某些內容?
這是演示
地圖加載完成后調用此函數。
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.