在铯中禁用鼠标滚轮
问题描述:
我有一张使用铯通过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;
这是一个很好的解决方法,谢谢。与浏览器的平滑滚动相比,它看起来有点波动,但它会在没有更原生的解决方案的情况下做到这一点。 –