我正在使用 Google Maps API (v3) 在页面上绘制一些地图。我想做的一件事是当您在地图上滚动鼠标滚轮时禁用缩放,但我不确定如何。
我已经禁用了 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 :
scrollwheel
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();
缩放在scrollwheelMaps API 版本 3 中默认启用,但在版本 2 中,除非通过enableScrollWheelZoom()API 调用明确启用,否则它会被禁用。
enableScrollWheelZoom()