我正在使用 Google Maps API (v3) 在页面上绘制几张 map 。我想做的一件事是当您在 map 上滚动鼠标滚轮时禁用缩放,但我不确定如何操作。
我已经禁用了 scaleControl(即删除了缩放 UI 元素),但这并不能阻止滚轮缩放。
这是我的功能的一部分(这是一个简单的 jQuery 插件):
$.fn.showMap = function(options, addr){
options = $.extend({
navigationControl: false,
mapTypeControl: false,
scaleControl: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}, options);
var map = new google.maps.Map(document.getElementById($(this).attr('id')), options);
// Code cut from this example as not relevant
};
最佳答案
在 Maps API 的第 3 版中,您可以简单地将 MapOptions 中的 scrollwheel
选项设置为 false属性:
options = $.extend({
scrollwheel: false,
navigationControl: false,
mapTypeControl: false,
scaleControl: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}, options);
如果您使用的是 Maps API 版本 2,则必须使用 disableScrollWheelZoom() API调用如下:
map.disableScrollWheelZoom();
scrollwheel
缩放在 Maps API 的第 3 版中默认启用,但在第 2 版中禁用,除非使用 enableScrollWheelZoom()
API 调用明确启用。
关于jquery - 如何使用 Google Maps API 禁用鼠标滚轮缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2330197/