使用 Google maps v2,我能够通过处理和取消鼠标滚动事件来阻止鼠标滚动 (DOMMouseScroll) 事件转到地图并缩放地图。但是,在 v3 中,这不再有效。
请注意拖动和双击在到达地图之前是如何取消的,但是如果您尝试滚动文本,则 DOMMouseScroll 事件会直接到达地图。
取消事件的代码与 v2 基本相同,如下所示:
// Set the overlay's div_ property to this DIV
this.div_ = div;
var cancelEvent = function(e)
{
if( (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && document.all) ||
navigator.userAgent.indexOf('Opera') > -1) {
window.event.cancelBubble = true;
window.event.returnValue = false;
} else {
e.stopPropagation();
}
return false;
}
var panes = this.getPanes();
panes.floatPane.appendChild(div);
var stealEvents = [ 'mousedown', 'dblclick', 'DOMMouseScroll', 'onmousewheel', 'drag'];
for( i=0; i < stealEvents.length; i++ ){
google.maps.event.addDomListener(this.div_, stealEvents[i], cancelEvent);
}
// for IE/Opera
if( (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && document.all) ||
navigator.userAgent.indexOf('Opera') > -1) {
this.div_.attachEvent('onmousewheel', cancelEvents);
}
// for safari
if ( navigator.userAgent.indexOf('AppleWebKit/') > -1) {
this.div_.onmousewheel = cancelEvents;
}