在铯中禁用鼠标滚轮

问题描述:

我有一张使用铯通过ol3-ces的地图。该地图不使用网站的全部空间。我正在尝试禁用滚轮缩放功能,以便使用鼠标滚轮可以不断滚动浏览网页。然而在铯中禁用鼠标滚轮

map3d.getCesiumScene().screenSpaceCameraController.enableZoom = false; 

,不给我带回正常的页面滚动:

我可以禁用鼠标滚轮缩放用。滚动事件似乎被Cesium捕获,并没有传播。

如何让Cesium忽略或传播鼠标滚轮到浏览器,以便用户可以滚动页面,即使光标位于地图上方?

像这样的东西应该做的伎俩。 收听铯容器中的车轮事件,当它发生时,只需滚动窗口即可。

var pageStep = 25; 
document.getElementById('yout-cesium-container-id').addEventListener("wheel", function(event) { 
    if (event.deltaY < 0) { 
     window.scroll(0, window.pageYOffset - pageStep); 
    } else { 
     window.scroll(0, window.pageYOffset + pageStep); 
    } 
}); 

您仍然需要禁用放大和缩小铯。

map3d.getCesiumScene().screenSpaceCameraController.enableZoom = false; 
+0

这是一个很好的解决方法,谢谢。与浏览器的平滑滚动相比,它看起来有点波动,但它会在没有更原生的解决方案的情况下做到这一点。 –