网站版权 技术支持,互联网技术,网站制作视频教学,海外网站搭建相机系统里面有setView#xff0c;flyTo#xff0c;lookAt#xff0c;viewBoundingsphere这几种方法#xff0c;以下是相关的使用方法#xff0c;学起来#xff01;#xff01;#xff01; setView
该方法可以直接切换相机视口#xff0c;从而不需要通过一个飞入的效… 相机系统里面有setViewflyTolookAtviewBoundingsphere这几种方法以下是相关的使用方法学起来 setView
该方法可以直接切换相机视口从而不需要通过一个飞入的效果切换
viewer.camera.setView({
// 设置坐标destination:position,// 设置视口方向orientation: {// 当值为0时沿着Y轴旋转方向为正北方向heading: Cesium.Math.toRadians(0),// pitch控制视口的上下旋转也就是X轴旋转当数值为-90的话就是俯视地面的pitch: Cesium.Math.toRadians(-90),// roll控制视口的翻转角度也就是Z轴旋转roll: 0}
}) flyTo
flyTo该方法可以直接切换相机视口从而不需要通过一个飞入的效果切换
viewer.camera.flyTo({// 设置坐标destination:position,// 设置视口方向orientation: {// 当值为0时沿着Y轴旋转方向为正北方向heading: Cesium.Math.toRadians(0),// pitch控制视口的上下旋转也就是X轴旋转当数值为-90的话就是俯视地面的pitch: Cesium.Math.toRadians(-90),// roll控制视口的翻转角度也就是Z轴旋转roll: 0},duration: 10})
lookAt
方法使用lookAt方法一般适用于锁定某个目标场景的位置
// lookAt方法使用lookAt方法一般适用于锁定某个目标场景的位置// 设置相机的方位只需要设置经度和纬度const center Cesium.Cartesian3.fromDegrees(116, 39);
// 设置水平旋转视口方向的角度const heading Cesium.Math.toRadians(50);// 设置垂直旋转视口方向的角度const pitch Cesium.Math.toRadians(-30);
// 设置距离目标点的距离
const range 1000;
// // 使用lookAt方法// 凉哥参数第一个是目标位置信息第二个是视口方向信息 viewer.camera.lookAt(center,new Cesium.HeadingPitchRange(heading,pitch,range)) /** viewboundingsphere方法和setView方法一样没有一个飞入切换效果它和setView的不同点在于它可以给定一个指定的目标点可以从那个多个角度观测事物为了更好的来展现viewboundingsphere的效果我们可以使用entity的方法来加载一个飞机模型供我们观测headingPitchRollQuaternion中有两个参数分别是位置信息和旋转角度信息(垂直旋转反转角度均为0)**/var orientation Cesium.Transforms.headingPitchRollQuaternion(position,new Cesium.HeadingPitchRange(-90,0,0))var modelGLB var entity viewer.entities.add({name:../Apps/SampleData/models/CesiumAir/Cesium_Air.glb ,position:position,orientation:orientation,// 存储模型信息model:{// 设置模型信息uri:../Apps/SampleData/models/CesiumAir/Cesium_Air.glb,// 设置模型最小缩放信息minimunPixelSize:100,// 设置模型缩放最大比例maximunScale:10000,// 设置模型是否显示show:true}
})// 使用viewboundingsphere方法// 使用BoundingSphere方法第一个变量是位置信息第二个是物体与我们的距离信息// viewboundingsphere的第二个参数设置的是相机视口朝向信息我们使用的是HeadingPitchRollQuaternionviewer.camera.viewBoundingSphere(new Cesium.BoundingSphere(position,20),new Cesium.HeadingPitchRange(0,0,0)) 写在最后 好啦今天的cesium小知识就到这里啦最后祝大家十一快乐也祝祖国母亲繁荣昌盛
