我使用谷歌地图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
};
我用这个简单的例子来做
jQuery
$('.map').click(function(){
$(this).find('iframe').addClass('clicked')
}).mouseleave(function(){
$(this).find('iframe').removeClass('clicked')
});
CSS
.map {
width: 100%;
}
.map iframe {
width: 100%;
display: block;
pointer-events: none;
position: relative; /* IE needs a position other than static */
}
.map iframe.clicked {
pointer-events: auto;
}
或者使用gmap选项
function init() {
var mapOptions = {
scrollwheel: false,
在Maps API的版本3中，你可以在MapOptions属性中简单地将scrollwheel选项设置为false:
options = $.extend({
scrollwheel: false,
navigationControl: false,
mapTypeControl: false,
scaleControl: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}, options);
如果你正在使用版本2的地图API，你将不得不使用disableScrollWheelZoom() API调用如下:
map.disableScrollWheelZoom();
在Maps API的版本3中，滚动轮缩放默认是启用的，但在版本2中，它是禁用的，除非通过enableScrollWheelZoom() API调用显式启用。
