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

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)}

相关文章:

cesium 之 flyTo、setView、lookat

orientation配置项的参数 cesium中,朝向orientation,通常使用heading、pitch、roll这三个参数来描述 heading 通过调整heading的值,使相机朝向特定的方向朝向方向说明【北:0, 东:π/2弧度, …...

超速解读多模态InternVL-Chat1.5 ,如何做到开源SOTA——非官方首发核心技巧版(待修订)

解读InternVL-chat1.5系列 最近并行是事情太杂乱了,静下心来看一看优秀的开源项目,但是AI技术迭代这么快,现在基本是同时看五、六个方向的技术架构和代码,哪个我都不想放,都想知道原理和代码细节,还要自己训练起来&am…...

Vue 组件_动态组件+keep-alive

文章目录 Vue 动态组件 keep-alive知识点讲解业务场景实例代码实现keep-alive Vue 动态组件 keep-alive 知识点讲解 通过 Vue 的 <component> 组件和特殊的 is 属性实现的。 <!-- curentComponent 改变时组件也改变 --> <component :is"componentMap[…...

深入理解Redis:多种操作方式详解

Redis&#xff08;Remote Dictionary Server&#xff09;是一款高性能的开源键值存储系统&#xff0c;广泛应用于缓存、会话管理、实时分析等领域。它支持多种数据结构&#xff0c;如字符串、哈希、列表、集合和有序集合等&#xff0c;提供了丰富的操作命令。本篇博客将详细介绍…...

stm32太阳能追光储能系统V2

大家好&#xff0c;我是 小杰学长 stm32太阳能追光储能系统V2. 增加了命令行交互和内置AT指令解析框架 &#xff08;就是可以用电脑串口发送at指令控制板子的所有功能&#xff09; 改动了spi 换成硬件 改动了硬件电源 增加了pcb原理图 附带上pcb源文件 增加了freertos 互斥锁…...

Docker笔记-解决非交互式运行python时print不输出的问题

换句话来说就是在docker中如何不会python的print 只需要在启动时&#xff0c;不让python缓冲其输出。 关键命令如下&#xff1a;PYTHONUNBUFFERED1 如下&#xff1a; docker run -e PYTHONUNBUFFERED1 <your_image> 下面解释下-e "-e"选项的全称是"…...

06- 数组的基础知识详细讲解

06- 数组的基础知识详细讲解 一、基本概念 一次性定义多个相同类型的变量&#xff0c;并且给它们分配一片连续的内存。 int arr[5];1.1 初始化 只有在定义的时候赋值&#xff0c;才可以称为初始化。数组只有在初始化的时候才可以统一赋值。 以下是一些示例规则&#xff1a; …...

CentOS6系统因目录有隐含i权限属性致下属文件无法删除的故障一例

CentOS6服务器在升级openssh时因系统目录权限异常&#xff08;有隐含i权限属性&#xff09;&#xff0c;下属文件无法删除&#xff0c;导致系统问题的故障一例。 一、问题现象 CentOS6在升级openssh时&#xff0c;提示如下问题&#xff1a; warning: /etc/ssh/sshd_config c…...

【视频转码】ZLMediaKit漏洞报告的问题

漏洞问题&#xff1a; 支持ss1 rc4密码套件(bar mitzvah) 漏洞级别&#xff1a; 中危 漏洞修复&#xff1a; 方法&#xff1a;避免使用RC4密码&#xff0c;参考代码如下&#xff1a; 修改文件位于&#xff1a;webrtc/DtlsTransport.cpp ret SSL_CTX_set_cipher_list(ssl…...

100道大模型面试八股文

算法暑期实习机会快结束了&#xff0c;校招大考即将来袭。 当前就业环境已不再是那个双向奔赴时代了。求职者在变多&#xff0c;岗位在变少&#xff0c;要求还更高了。 最近&#xff0c;我们陆续整理了很多大厂的面试题&#xff0c;帮助球友解惑答疑和职业规划&#xff0c;分…...

【ARM Cache 及 MMU 系列文章 6.2 -- ARMv8/v9 Cache 内部数据读取方法详细介绍】

请阅读【ARM Cache 及 MMU/MPU 系列文章专栏导读】 及【嵌入式开发学习必备专栏】 文章目录 Direct access to internal memoryL1 cache encodingsL1 Cache Data 寄存器Cache 数据读取代码实现Direct access to internal memory 在ARMv8架构中,缓存(Cache)是用来加速数据访…...

使用Vue.js将form表单传递到后端

一.form表单 <form submit.prevent"submitForm"></form> form表单像这样写出来&#xff0c;然后把需要用户填写的内容写在form表单内。 二.表单内数据绑定 <div class"input-container"><div style"margin-left: 9px;"&…...

6、架构-服务端缓存

为系统引入缓存之前&#xff0c;第一件事情是确认系统是否真的需要缓 存。从开发角度来说&#xff0c;引入缓存会提 高系统复杂度&#xff0c;因为你要考虑缓存的失效、更新、一致性等问题&#xff1b;从运维角度来说&#xff0c;缓存会掩盖一些缺 陷&#xff0c;让问题在更久的…...

服务器遭遇UDP攻击时的应对与解决方案

UDP攻击作为分布式拒绝服务(DDoS)攻击的一种常见形式&#xff0c;通过发送大量的UDP数据包淹没目标服务器&#xff0c;导致网络拥塞、服务中断。本文旨在提供一套实用的策略与技术手段&#xff0c;帮助您识别、缓解乃至防御UDP攻击&#xff0c;确保服务器稳定运行。我们将探讨监…...

美团发布2024年一季度财报:营收733亿元,同比增长25%

6月6日&#xff0c;美团(股票代码:3690.HK)发布2024年第一季度业绩报告。受益于经济持续回暖和消费复苏&#xff0c;公司各项业务继续取得稳健增长&#xff0c;营收733亿元(人民币&#xff0c;下同)&#xff0c;同比增长25%。 财报显示&#xff0c;一季度&#xff0c;美团继续…...

sql注入-布尔盲注

布尔盲注&#xff08;Boolean Blind SQL Injection&#xff09;是一种SQL注入攻击技术&#xff0c;用于在无法直接获得查询结果的情况下推断数据库信息&#xff1b;它通过发送不同的SQL查询来观察应用程序的响应&#xff0c;进而判断查询的真假&#xff0c;并逐步推断出有用的信…...

docker-compose部署 kafka 3.7 集群(3台服务器)并启用账号密码认证

文章目录 1. 规划2. 服务部署2.1 kafka-012.2 kafka-022.3 kafka-032.4 启动服务 3. 测试3.1 kafkamap搭建&#xff08;测试工具&#xff09;3.2 测试 1. 规划 服务IPkafka-0110.10.xxx.199kafka-0210.10.xxx.198kafka-0310.10.xxx.197kafkamp10.10.xxx.199 2. 服务部署 2.1…...

LeetCode-704. 二分查找【数组 二分查找】

LeetCode-704. 二分查找【数组 二分查找】 题目描述&#xff1a;解题思路一&#xff1a;注意开区间和闭区间背诵版&#xff1a;解题思路三&#xff1a; 题目描述&#xff1a; 给定一个 n 个元素有序的&#xff08;升序&#xff09;整型数组 nums 和一个目标值 target &#xf…...

Rust 性能分析

都说Rust性能好,但是也得代码写得好,猜猜下面两个代码哪个快 . - 力扣&#xff08;LeetCode&#xff09; use std::collections::HashMap; use lazy_static::lazy_static;lazy_static! {static ref DIGIT: HashMap<char, usize> {let mut m HashMap::new();for c in …...

Gradle和Maven都是广泛使用的项目自动化构建工具

Gradle和Maven都是广泛使用的项目自动化构建工具&#xff0c;但它们在多个方面存在差异。以下是关于Gradle和Maven的详细对比&#xff1a; 一、构建脚本语言 Maven&#xff1a;使用XML作为构建脚本语言。XML的语法较为繁琐&#xff0c;不够灵活&#xff0c;对于复杂的构建逻辑…...

第19节 Node.js Express 框架

Express 是一个为Node.js设计的web开发框架&#xff0c;它基于nodejs平台。 Express 简介 Express是一个简洁而灵活的node.js Web应用框架, 提供了一系列强大特性帮助你创建各种Web应用&#xff0c;和丰富的HTTP工具。 使用Express可以快速地搭建一个完整功能的网站。 Expre…...

Docker 离线安装指南

参考文章 1、确认操作系统类型及内核版本 Docker依赖于Linux内核的一些特性&#xff0c;不同版本的Docker对内核版本有不同要求。例如&#xff0c;Docker 17.06及之后的版本通常需要Linux内核3.10及以上版本&#xff0c;Docker17.09及更高版本对应Linux内核4.9.x及更高版本。…...

shell脚本--常见案例

1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件&#xff1a; 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...

【第二十一章 SDIO接口(SDIO)】

第二十一章 SDIO接口 目录 第二十一章 SDIO接口(SDIO) 1 SDIO 主要功能 2 SDIO 总线拓扑 3 SDIO 功能描述 3.1 SDIO 适配器 3.2 SDIOAHB 接口 4 卡功能描述 4.1 卡识别模式 4.2 卡复位 4.3 操作电压范围确认 4.4 卡识别过程 4.5 写数据块 4.6 读数据块 4.7 数据流…...

全球首个30米分辨率湿地数据集(2000—2022)

数据简介 今天我们分享的数据是全球30米分辨率湿地数据集&#xff0c;包含8种湿地亚类&#xff0c;该数据以0.5X0.5的瓦片存储&#xff0c;我们整理了所有属于中国的瓦片名称与其对应省份&#xff0c;方便大家研究使用。 该数据集作为全球首个30米分辨率、覆盖2000–2022年时间…...

Java-41 深入浅出 Spring - 声明式事务的支持 事务配置 XML模式 XML+注解模式

点一下关注吧&#xff01;&#xff01;&#xff01;非常感谢&#xff01;&#xff01;持续更新&#xff01;&#xff01;&#xff01; &#x1f680; AI篇持续更新中&#xff01;&#xff08;长期更新&#xff09; 目前2025年06月05日更新到&#xff1a; AI炼丹日志-28 - Aud…...

LLMs 系列实操科普(1)

写在前面&#xff1a; 本期内容我们继续 Andrej Karpathy 的《How I use LLMs》讲座内容&#xff0c;原视频时长 ~130 分钟&#xff0c;以实操演示主流的一些 LLMs 的使用&#xff0c;由于涉及到实操&#xff0c;实际上并不适合以文字整理&#xff0c;但还是决定尽量整理一份笔…...

【LeetCode】3309. 连接二进制表示可形成的最大数值(递归|回溯|位运算)

LeetCode 3309. 连接二进制表示可形成的最大数值&#xff08;中等&#xff09; 题目描述解题思路Java代码 题目描述 题目链接&#xff1a;LeetCode 3309. 连接二进制表示可形成的最大数值&#xff08;中等&#xff09; 给你一个长度为 3 的整数数组 nums。 现以某种顺序 连接…...

pycharm 设置环境出错

pycharm 设置环境出错 pycharm 新建项目&#xff0c;设置虚拟环境&#xff0c;出错 pycharm 出错 Cannot open Local Failed to start [powershell.exe, -NoExit, -ExecutionPolicy, Bypass, -File, C:\Program Files\JetBrains\PyCharm 2024.1.3\plugins\terminal\shell-int…...

C++实现分布式网络通信框架RPC(2)——rpc发布端

有了上篇文章的项目的基本知识的了解&#xff0c;现在我们就开始构建项目。 目录 一、构建工程目录 二、本地服务发布成RPC服务 2.1理解RPC发布 2.2实现 三、Mprpc框架的基础类设计 3.1框架的初始化类 MprpcApplication 代码实现 3.2读取配置文件类 MprpcConfig 代码实现…...