当前位置: 首页 > news >正文

Cesium 相机的三种放置方式

文章目录

    • Cesium 相机的三种放置方式
      • 第一种:setView 计算视角
        • 1. Cartesian3 方式
        • 2. Rectangle 方式
      • 第二种:flyTo
      • 第三种:lookAt

Cesium 相机的三种放置方式

Cesium 提供了三种方式对相机的位置进行摆放

第一种:setView 计算视角

1. Cartesian3 方式

viewer.value.camera.setView({destination: Cesium.Cartesian3.fromDegrees(116.435314, 39.960521, 15000.0), // 设置位置orientation: {heading: Cesium.Math.toRadians(20.0), // 方向pitch: Cesium.Math.toRadians(-90.0), // 倾斜角度roll: 0,},
});

2. Rectangle 方式

viewer.value.camera.setView({destination: Cesium.Rectangle.fromDegrees(0.0, 20.0, 10.0, 30.0),//west, south, east, northorientation: {heading: Cesium.Math.toRadians(20.0), // 方向pitch: Cesium.Math.toRadians(-90.0), // 倾斜角度roll: 0,},
});

第二种:flyTo

viewer.value.camera.flyTo({destination :Cesium.Cartesian3.fromDegrees(116.435314,39.960521, 15000.0), // 设置位置orientation: {heading :Cesium.Math.toRadians(20.0), // 方向pitch :Cesium.Math.toRadians(-90.0),// 倾斜角度roll :0},duration:5, // 设置飞行持续时间,默认会根据距离来计算complete:function () {// 到达位置后执行的回调函数},cancle:function () {// 如果取消飞行则会调用此函数},pitchAdjustHeight:-90, // 如果摄像机飞越高于该值,则调整俯仰俯仰的俯仰角度,并将地球保持在视口中。maximumHeight:5000, // 相机最大飞行高度flyOverLongitude:100, // 如果到达目的地有2种方式,设置具体值后会强制选择方向飞过这个经度(这个,很好用)
});

第三种:lookAt

var center = Cesium.Cartesian3.fromDegrees(114.44455, 22.0444);//camera视野的中心点坐标
var heading = Cesium.Math.toRadians(50.0);
var pitch = Cesium.Math.toRadians(-20.0);
var range = 5000.0;
viewer.value.camera.lookAt(center, new Cesium.HeadingPitchRange(heading, pitch, range));
http://www.lryc.cn/news/135651.html

相关文章:

  • 看了我这篇帖子,你还会觉得制作电子杂志很难吗?
  • SRE 与开发的自动化协同 -- 生产环境出现 bug 自动生成异常追踪
  • 【简单认识Docker基本管理】
  • 设备管理系统是什么?的修设备管理系统有什么功能?
  • Docker安装并配置Pushgateway
  • 汽车OTA活动高质量发展的“常”与“新”
  • C++信息学奥赛1121:计算矩阵边缘元素之和
  • Android Selector 的使用
  • k8s集群中service的域名解析、pod的域名解析
  • Shell 编程快速入门 之 数学计算和函数基础
  • 学习php中如何获取pdf文件中的文本内容
  • 分布式数据库架构:高可用、高性能的数据存储
  • Python工具箱系列(四十)
  • 【Hibench 】完成 HDP-Spark 性能测试
  • 【C++奇遇记】内存模型
  • Debootstrap 教程
  • MySQL之InnoDB引擎
  • API自动化管理: 从繁琐到轻松
  • Databend 开源周报第 107 期
  • 计算机网络参考模型
  • 【React基础全篇】
  • 如何使用 Vue.js 侦听嵌套数据?
  • Spring AOP详解
  • linux iptables安全技术与防火墙
  • TCP性能机制
  • qt信号槽同步问题
  • 七夕特惠-8折抢购,从速
  • [NLP]LLM--transformer模型的参数量
  • 5 Python的面向对象编程
  • 卷积神经网络——上篇【深度学习】【PyTorch】【d2l】