加载地图后,Google地图API v3不会停用滚轮
我在网站上实施谷歌地图,一切都很好,除了我似乎无法在地图加载后禁用滚轮。 如果我在地图加载之前设置了选项滚动条:false,那么滚轮被禁用,但如果我稍后尝试并做(我有一个启用/禁用滚轮的复选框)。
以下是我在页面加载时的谷歌地图选项:
var myOptions = {
zoom: 15,
center: currentPosition,
draggable: true,
scrollwheel: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById(“map_canvas”),myOptions);
然后点击事件触发复选框后,我有以下代码禁用滚轮。 有趣的是,draggable = false正在工作,并阻止我拖动地图。
var checked = $('#chkPin').is(':checked');
log("map active: " + checked);
if (checked) {
map.scrollwheel = false;
map.draggable = false;
map.zoomControl = false;
} else {
map.scrollwheel = true;
map.draggable = true;
map.zoomControl = true;
}
不支持在Maps API对象上编辑未记录的属性,并可能导致不可预知的结果。 您不应直接修改地图对象上的属性。 相反,使用其中一个记录的选项来修改属性:
特定于对象的getter / setters:
map.setOptions({'scrollwheel': false});
MVCObject通用getter / setters:
map.set('scrollwheel', false);
var isScrollWheelEnabled = map.get('scrollwheel');
这两个选项都已成功禁用地图缩放后的地图缩放。
链接地址: http://www.djcxy.com/p/81519.html上一篇: Google Maps API v3 won't disable scroll wheel after map loads