小编典典

如何使用 Google Maps API 禁用鼠标滚轮缩放

all

我正在使用 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
};

阅读 182

收藏
2022-03-08

共1个答案

小编典典

在 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();

缩放在scrollwheelMaps API 版本 3 中默认启用,但在版本 2 中,除非通过enableScrollWheelZoom()API
调用明确启用,否则它会被禁用。

2022-03-08