Google maps api 3 Google Maps scrollWheel=false和Apple';这是一只神奇的老鼠

Google maps api 3 Google Maps scrollWheel=false和Apple';这是一只神奇的老鼠,google-maps-api-3,scroll,Google Maps Api 3,Scroll,我正在尝试使用谷歌地图API将谷歌地图上的滚动设置为false。我有一只苹果魔法鼠标,我认为它会导致预期行为出现问题 下面是我如何初始化地图的,即使将scrollWheel设置为false,当我向下滚动页面时,它仍会滚动。这是一种不必要的效果,因为地图显示在屏幕的上半部分,地图下方也有内容。我试图避免当光标碰到地图画布时,地图滚动和让用户发疯 var map = new google.maps.Map(document.getElementById('canvas'), {

我正在尝试使用谷歌地图API将谷歌地图上的滚动设置为false。我有一只苹果魔法鼠标,我认为它会导致预期行为出现问题

下面是我如何初始化地图的,即使将scrollWheel设置为
false
,当我向下滚动页面时,它仍会滚动。这是一种不必要的效果,因为地图显示在屏幕的上半部分,地图下方也有内容。我试图避免当光标碰到地图画布时,地图滚动和让用户发疯

var map = new google.maps.Map(document.getElementById('canvas'), {
            mapTypeId: mapTypeId,
            mapTypeControl: false,
            scrollWheel: false,
            center: {lat: 52, lng: 6},
            zoom: 4
        });
当我尝试
console.log(map.get('scrollWheel')
它会按预期返回
false

对此有何建议?

首先,有两种方法可以禁用谷歌地图滚动:

  • 使用谷歌地图嵌入API。

    不能使用jQuery禁用滚动:禁用“mousewheel”事件,因为它在iframe中不起作用。单击覆盖时,需要在iframe上设置
    指针事件:无
    ,并设置
    指针事件:自动
    。 有关更具体的说明,请参阅和

  • 使用谷歌地图Javascript API。

    新建google.maps.Map(document.getElementById('Map'),选项)
    您可以使用
    scrollwheel:false
    draggable:false


  • 但如果这些方法不能解决你的问题,那么问题似乎在于苹果的神奇鼠标缩放尺寸。请参阅使用Apple trackpad(魔术鼠标)。

    首先,有两种方法可以禁用谷歌地图滚动:

  • 使用谷歌地图嵌入API。

    不能使用jQuery禁用滚动:禁用“mousewheel”事件,因为它在iframe中不起作用。单击覆盖时,需要在iframe上设置
    指针事件:无
    ,并设置
    指针事件:自动
    。 有关更具体的说明,请参阅和

  • 使用谷歌地图Javascript API。

    新建google.maps.Map(document.getElementById('Map'),选项)
    您可以使用
    scrollwheel:false
    draggable:false


  • 但如果这些方法不能解决你的问题,那么问题似乎在于苹果的神奇鼠标缩放尺寸。请参阅Apple trackpad(魔术鼠标)。

    谢谢您的回复,但正如我在问题中提到的,我已经知道这一点+谢谢你的回答,但正如我在问题中提到的,我已经知道了+1.提供答案。