是否可以在自定义街景中禁用ScrollWheel？

Question

我正在建设一个网站，我有一个网页，它需要一个地址，并使用它来生成一个2D路线图风格的谷歌地图，然后在它旁边，街景为该地址。

我的问题是，这两个地图几乎覆盖了整个网站的宽度，用户很可能在向下滚动页面时将鼠标移到它上面，并为无法进一步向下滚动(在放大地图时)而感到困惑。

为2D地图禁用此功能非常简单

    //works to disable scroll wheel in 2D map   
var mapOptions = {
  zoom: 12,
  center: latlng,
  scrollwheel: false,
  mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions );

//not working to disable scroll wheel in panorama
var panoramaOptions = {
  position: results[0].geometry.location,
  scrollwheel: false
};

panorama = new  google.maps.StreetViewPanorama(document.getElementById("map_canvas2"), panoramaOptions );

但是街景似乎不允许我使用这些选项禁用滚轮，而且我在google-docs中找不到这个问题。有没有人知道这是不是可以做到，或者对如何实现它有一些建议？

Answer 1

我遇到了同样的问题，当用户使用鼠标滚轮向下滚动时，光标在Google街道视图中被捕获，并开始缩放，而不是向下滚动页面。

在谷歌地图中，他们提供了滚轮属性，可以禁用这一点，但不幸的是，这似乎没有在街景中实现。

到目前为止，我发现的唯一解决办法是@bennedich在前面的回答中说过，我在街景div上放置了一个空的/透明的div。

我使用jQuery在mousedown事件上隐藏这个空的div (使用css的可见性属性)，当用户移出鼠标时，我会将这个空的div放回原来的位置，从而在用户单击街道视图区域的任何地方时启用这些控件。这基本上意味着每次用户想要与街景控件交互时，他必须单击它一次。这不是最好的解决方案，但比让鼠标在滚动时被抓住要好

Answer 2

存在将scrollwheel: false添加到streetview http://code.google.com/p/gmaps-api-issues/issues/detail?id=2557的Gmaps v3问题的功能请求。现在这个问题已经解决了，只需在StreetViewPanorama选项中使用scrollwheel: false即可。

Answer 3

我不知道使用javascript的方式，但是使用html和css，您可以在地图/街景上放置一个具有更高z索引的不可见div。