[英]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.