cesium 之 flyTo、setView、lookat

orientation配置项的参数

cesium中,朝向orientation,通常使用headingpitchroll这三个参数来描述

heading


通过调整`heading`的值,使相机朝向特定的方向朝向方向说明【北:0,  东:π/2弧度,  南:π弧度,  西:-π/2弧度】'例如':让,相机朝向,西北方向:将heading设置为正北(0弧度)和正西(-π/2弧度)之间的某个值让,相机朝向,西南方向:将heading设置为正南(π弧度)和正西(-π/2弧度)之间的某个值

pitch


pitch:'控制相机的俯仰角',它的值决定了,'相机视线''地平面' 之间的角度因为,'pitch是以弧度为单位的',
所以,它的取值范围在理论上是从负无穷到正无穷,
但是,实际上对于相机的可视化来说,它的有效范围是有限的。1、Cesium.Math.toRadians(0):相机水平看向地平线(默认值),相机的视线,完全平行于地平面2、Cesium.Math.toRadians(-90):相机直视地面,相机的视线,完全垂直于地平面,朝向地面3、Cesium.Math.toRadians(90):相机直视天空,相机的视线,完全垂直于地平面,朝向天空在某些情况下,由于'地球曲率''相机的近裁剪面(near clipping plane)'的限制,相机可能无法完全直视天空补充:1、介于`Cesium.Math.toRadians(-90)``Cesium.Math.toRadians(90)`之间的值,表示:相机在地面和天空之间的某个角度上,正值(表示相机向上看),负值(表示相机向下看)2、pitch的值,不能超过其有效范围,否则可能会导致相机视图不可见或不可预测的行为。3'pitch的值,是相对于地平面的',而不是,相对于相机当前位置的法线方向,因此,当相机位置发生变化时,相同的pitch值可能会导致相机看向不同的方向,如果需要让相机始终朝向某个固定点或方向,可能需要使用其他方式(如lookAt方法或调整相机的位置和朝向)来实现。

roll


roll:用于描述,相机绕其视线方向(Direction轴,即+X轴)旋转的角度,'单位是弧度'。(roll通常用于表示,相机在保持heading和pitch不变的情况下,绕其视线方向的旋转)定义:roll:相机绕Direction轴(视线方向)旋转的角度,Direction轴为+X轴,且绕+X轴旋转为正。【右手定则】核心:以`场景`为根本当你的右手拇指指向X轴的正方向(即视线方向)时,其他四个手指的弯曲方向表示了旋转的正方向。【旋转方向】:roll为正,相机将绕视线方向,顺时针旋转(根据右手定则来转)roll为负,相机将绕视线方向,逆时针旋转(根据右手定则来转)例子:1、Cesium.Math.toRadians(0):表示,相机没有发生绕视线方向的旋转,即保持其原始朝向。2、Cesium.Math.toRadians(180)(或Math.PI):表示,相机绕视线方向旋转了180度,即相机上下颠倒。3、介于Cesium.Math.toRadians(0)和Cesium.Math.toRadians(180)之间的值:表示,相机在保持heading和pitch不变的情况下,绕视线方向发生了不同程度的旋转。实际应用在Cesium中,roll通常用于模拟某些特殊效果,如:飞机的翻滚动作、相机的特殊视角,在大多数情况下,你可能不需要频繁地调整roll的值,但在需要精细控制相机视角时,了解并调整roll可能会很有帮助。

---------------------------------------------------------------

三种方法

flyTo


viewer.value.camera.flyTo({// destination:目的地destination: Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),duration: 3.0, // 飞行持续时间(秒)orientation: {heading: Cesium.Math.toRadians(20), // 朝向(单位:弧度,20度,转换为弧度)pitch: Cesium.Math.toRadians(-15), // 倾斜(单位:弧度,-15度,转换为弧度)roll: 0.0 // 翻滚(通常设置为0)},complete: () => {console.log('飞行动画完成后,被调用')},cancel: () => {console.log('飞行动画被取消时,被调用')}
})

setView


const setView = () => {// 将相机移动到北京的上空,并朝向地面const position = Cesium.Cartesian3.fromDegrees(116.4, 39.9, 1000)viewer.value.camera.setView({destination: position,orientation: {heading: Cesium.Math.toRadians(0),pitch: Cesium.Math.toRadians(-90),roll: Cesium.Math.toRadians(90)}})
}

lookat


'lookAt方法',用于将相机(即视角)锁定到指定的位置,并可能在此基础上应用一定的偏移。【语法】let target = Cesium.Cartesian3.fromRadians(经度, 纬度, height) // 设置目标位置let offset = new Cesium.HeadingPitchRange(heading, pitch, range) // 设置偏移viewer.camera.lookAt(target, offset)例子:const lookat = () => {/* Cesium.Cartesian3.fromDegrees(120.0, 30.0, 3000000)将经纬度(120.0, 30.0)和高度(3000000 米)转换为 Cartesian3对象(表示3D空间中的一个点)这里设置的目标位置是:东经120.0度、北纬30.0度,并且距离地球表面3000000米*/const target = Cesium.Cartesian3.fromDegrees(120.0, 30.0, 3000000)/*0:相机的朝向(Heading),表示正北方向Cesium.Math.PI_OVER_TWO:相机的俯仰(Pitch),表示相机向下看,即朝向地球。【Cesium.Math.PI_OVER_TWO 等于 Math.PI / 2,即90度】 所以 “-Cesium.Math.PI_OVER_TWO 等于 -90度”,即指向地面。5000000:是相机的范围(Range),表示,相机距离目标点的距离是`5000000`米。*/const offset = new Cesium.HeadingPitchRange(0, -Cesium.Math.PI_OVER_TWO, 5000000)viewer.value.camera.lookAt(target, offset)}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/22051.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Keras深度学习框架实战(6):使用CNN-RNN架构实现视频分类

1、绪论 1.1 CNN-RNN概述 1.1.1 结构组成 CNN-RNN架构结合了卷积神经网络(CNN)和循环神经网络(RNN)两种不同类型的神经网络结构。 卷积神经网络(CNN): 主要用于处理具有网格状拓扑结构的数据…

VLM学习笔记

目录 基础VLM模型CLIP CLIP (Contrastive Language-Image Pre-training) clip的再训练 CLIP-Chinese 轻量化VLM探索:MobileVLM V2 怎么预训练VLMs? TurboMind LLM推理引擎 基础VLM模型CLIP CLIP (Contrastive Language-Image Pre-training) 基本…

【Python】轻松打包:CentOS7上使用PyInstaller将Shell脚本转换为可执行文件的完美指南

【Python】轻松打包:CentOS7上使用PyInstaller将Shell脚本转换为可执行文件的完美指南 大家好 我是寸铁👊 总结了一篇【Python】轻松打包:CentOS7上使用PyInstaller将Shell脚本转换为可执行文件的完美指南✨ 喜欢的小伙伴可以点点关注 &#…

【CXL协议-控制和状态寄存器(8)】

8.0 控制和状态寄存器 Compute Express Link 设备控制和状态寄存器被映射到单独的空间:配置空间和内存映射空间。配置空间寄存器使用配置读取和配置写入进行访问。内存映射寄存器使用内存读取和内存写入进行访问。表 123 总结了本章中定义的寄存器位的属性。除非另…

人员身份级的数据中心机房作业随工

电信运营商的数据中心机房作为承载各类业务系统的物理基础,其运维安全直接关系到业务的连续性和数据的安全性。传统的机房管理方式依赖人工审核和监督,存在效率低下、安全隐患多等问题。因此,通过综合运用物联网、大数据分析和人工智能技术&a…

机器学习AI大模型的开源与闭源:哪个更好?

文章目录 前言一、开源AI模型1.1 开源的优点1.2 开源的缺点 二、闭源AI模型2.1 闭源的优点2.2 闭源的缺点 三、开源与闭源的平衡3.1 开源与闭源结合的案例3.2 开源与闭源的战略选择 小结 前言 在过去的几年里,人工智能(AI)和机器学习&#xf…

Docker 基础使用(3) 存储卷

文章目录 存储卷的含义存储卷的分类存储卷的作用存储卷的使用存储卷实际使用案例 ---- MySQL灾难恢复存储卷的局限 Docker 基础使用(0)基础认识 Docker 基础使用 (1) 使用流程概览 Docker 基础使用(2) 镜像与容器 Docker 基础使用…

fast admin实现多数据库导入数据

思路 1创建多数据库连接 2后端的前台代码能使用get或者post请求传递选中数据给后台 3后台能够接收到 4后台接收到id或者全字段数据后对数据进行处理,然后使用多数据库操作将其存入第二个数据库 实现 1config文件下创建新数据库连接 db_config2 > [// 数据库类…

LeetCode24_两两交换链表中的节点

. - 力扣(LeetCode) 一、题目: 二、模拟 1. 第一步 2. 第二步:current next.next 3. 第三步: next.next current 4. 第四步:pre.next next; 到这里为止实现了两个节点的交换 5. 第五步:pre current;…

【机器学习】朴素贝叶斯算法及其应用探索

🌈个人主页: 鑫宝Code 🔥热门专栏: 闲话杂谈| 炫酷HTML | JavaScript基础 ​💫个人格言: "如无必要,勿增实体" 文章目录 朴素贝叶斯算法及其应用探索引言1. 朴素贝叶斯基本概念1.1 贝叶斯定理回顾1.2 朴…

基于 Spring Boot 博客系统开发(十三)

基于 Spring Boot 博客系统开发(十三) 本系统是简易的个人博客系统开发,为了更加熟练地掌握 SprIng Boot 框架及相关技术的使用。🌿🌿🌿 基于 Spring Boot 博客系统开发(十二)&…

【Linux-Uboot】

Linux-Uboot ■ Uboot使用 串口软件(超级终端)接受文件■ ■ Uboot使用 串口软件(超级终端)接受文件 添加链接描述 ■

NGINX之location和rewrite

一.NGINX常用的正则表达式 二.Location location作用:对访问的路径做访问控制或者代理转发 1.location 常用的匹配规则: 进行普通字符精确匹配,也就是完全匹配^~ / 表示普通字符匹配。使用前缀匹配。如果匹配成功,则不再匹配其它 …

redis源码解析-字符串

摘要 redis中string是最简单Redis类型,本文主要通过查看源代码了解string的实现原理。 简单动态字符串 redis没有使用c语言传统的字符串表示,而是自己构建了一种名为简单动态字符串(Simple dynamic string,SDS)的抽象类型&…

JVM学习-监控工具(一)

使用数据说明问题,使用知识分析问题,使用工具处理问题 无监控,不调优! 命令行工具 在JDK安装目录下,可以查看到相应的命令行工具,如下图 jps(Java Process Status) 显示指定系统内所有的Hotpot虚拟机…

【自然语言处理】文本情感分析

文本情感分析 1 任务目标 1.1 案例简介 情感分析旨在挖掘文本中的主观信息,它是自然语言处理中的经典任务。在本次任务中,我们将在影评文本数据集(Rotten Tomato)上进行情感分析,通过实现课堂讲授的模型方法&#x…

OpenStack无效数据清空脚本

​​​​​​​介绍 在以openstack为底层开发的一些项目中,常常会遇到项目中数据与openstack数据不同步的问题,为了简化清空无效数据的繁琐,提供以下脚本便于运维操作。 环境变量 [rootcloud ~]# cat admin.sh export OS_USERNAMEadmin ex…

蓝图collapseNodes很有用

学到了,选中N个节点后,再右键collapseNode,可以使代码很清晰,双击后可以看到相应的代码,具有层次感。

【python科学文献计量】关于中国知网检索策略的验证,以事故伤害严重程度检索为例

关于中国知网检索策略的验证,以事故伤害严重程度检索为例 1 背景2 文献下载3 数据处理1 背景 由于要进行相关研究内容的综述,需要了解当前我国对于事故伤害严重程度的研究现状,采用国内较为知名的检索网站(中国知网)进行文献数据集检索 由于最近知网出bug,检索的结果在…

【最新鸿蒙应用开发】——使用axios完成手机号注册业务

使用Axios请求实现目标效果图: 短信验证码登录 校验图形验证码,校验通过 发送短信验证码到用户手机上,可通过在线 WebSocket查看:wss://guardian-api.itheima.net/verifyCode 根据 手机号 短信验证码 实现登录 更新图形验证码…