参考文章:
自定义Cesium缩放控件
cesium地图缩放,旋转,倾斜
// 可根据高度进行缩放的控制
function zoomInByMove(flag){
var position = viewer.camera.positionCartographic;
// 1表示放大,0表示缩小
if(flag){
viewer.camera.moveForward(position.height * 0.5)
}
else{
viewer.camera.moveBackward(position.height * 0.5)
}
}
//绑定两个控件事件
document.getElementById('zoomIn').addEventListener('click', function (){
zoomInByMove(1);
})
document.getElementById('zoomOut').addEventListener('click', function (){
zoomInByMove(0);
})
/定义初始缩放,值可以改动,以下括号里的值可以看情况自己设置。/
viewer.camera.zoomIn(0);
/放大/
viewer.camera.zoomIn(1000);
/缩小/
viewer.camera.zoomOut(1000);
/左旋转/
viewer.camera.rotateLeft(Cesium.Math.toDegrees(0.005).toFixed(2));
/*viewer.camera.rotateLeft(0.000001);*/
/右旋转/
viewer.camera.rotateRight(Cesium.Math.toDegrees(0.005).toFixed(2));
/*viewer.camera.rotateRight(0.000001);*/
/上倾斜,偏左旋转/
viewer.camera.twistRight(Cesium.Math.toDegrees(0.005).toFixed(2));
/下倾斜,偏右旋转/
viewer.camera.twistLeft(Cesium.Math.toDegrees(0.005).toFixed(2));
该文章介绍了如何在Cesium中实现自定义的缩放、旋转和倾斜功能。通过绑定事件监听器来控制相机移动,如`zoomInByMove`函数实现了基于高度的缩放。此外,还展示了`zoomIn`、`zoomOut`、`rotateLeft`、`rotateRight`、`twistRight`和`twistLeft`等方法用于地图的放大、缩小及左右旋转和上下倾斜。
478

被折叠的 条评论
为什么被折叠?



