cesium根据两点获取航向角(heading)与俯仰角(pitch)

最新推荐文章于 2025-06-12 15:43:38 发布
最新推荐文章于 2025-06-12 15:43:38 发布
阅读量5.6k 收藏 13
点赞数 2
CC 4.0 BY-SA版权
分类专栏： Cesium 文章标签： 其他 cesium
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/a873744779/article/details/119257620
本文介绍了如何使用Cesium库计算从一点到另一点的航向角(heading)和俯仰角(pitch)。通过详细步骤，揭示了在三维空间中确定方向的关键算法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.获取航向角heading

//这个计算的是逆时针,如果需要顺时针,可以在返回的结果里+360即可.
function courseAngle(lng_a, lat_a, lng_b, lat_b) {
    //以a点为原点建立局部坐标系（东方向为x轴,北方向为y轴,垂直于地面为z轴），得到一个局部坐标到世界坐标转换的变换矩阵
    var localToWorld_Matrix = Cesium.Transforms.eastNorthUpToFixedFrame(new Cesium.Cartesian3.fromDegrees(lng_a, lat_a));
    //求世界坐标到局部坐标的变换矩阵
    var worldToLocal_Matrix = Cesium.Matrix4.inverse(localToWorld_Matrix,new Cesium.Matrix4());       
    //a点在局部坐标的位置，其实就是局部坐标原点
    var localPosition_A = Cesium.Matrix4.multiplyByPoint(worldToLocal_Matrix,new Cesium.Cartesian3.fromDegrees(lng_a, lat_a),new Cesium.Cartesian3());
    //B点在以A点为原点的局部的坐标位置
    var localPosition_B = Cesium.Matrix4.multiplyByPoint(worldToLocal_Matrix,new Cesium.Cartesian3.fromDegrees(lng_b, lat_b),new Cesium
了解本专栏 订阅专栏 解锁全文 超级会员免费看
123：vue+cesium 获取相机姿态信息（航向、俯仰、滚转）
大剑师兰特的GIS世界
04-04 417
本示例介绍如何在vue+cesium中获取相机姿态信息（航向、俯仰、滚转）。航向（Heading）是指绕垂直轴（通常是Z轴）的旋转角度；俯仰（Pitch）是绕侧向轴（Y轴）的旋转；滚转（Roll）则是绕纵向轴（X轴）的旋转。在 Cesium 中，可以通过 Cesium.Transforms.headingPitchRollQuaternion 方法将航向、俯仰和滚转转换为四元数。
130：vue+cesium 使用gui控制偏航角 俯仰角 翻滚角
大剑师兰特的GIS世界
06-04 501
本文介绍了在Vue+Cesium中通过GUI控制三维姿态参数的方法。作者大剑师兰特（GIS高级工程师）展示了如何使用dat.gui库实时调节偏航角（Yaw）、俯仰角（Pitch）和翻滚角（Roll），这些参数分别控制物体在水平、上下和侧向的旋转。示例包含140行代码，通过Cesium.Air模型直观展示姿态变化，并提供了参数范围说明（偏航角0-360°，俯仰角-90°~90°，翻滚角-180°~180°）。实现步骤包括初始化Cesium场景、添加GUI控制器和更新模型姿态，适用于航空、机器人等三维可视化应用
【Cesium】根据两点坐标获取Heading(朝向)，Pitch(俯仰角)和模型矩阵
u010447508的博客
04-16 1万+
待完
cesium——根据航向俯仰角滚动角设置实体方向
Yel_Liu的博客
10-19 1万+
 在已知实体的航向俯仰角滚动角时设置实体的方向可使用方法 Cesium.Transforms.headingPitchRollQuaternion(origin, headingPitchRoll, ellipsoid, fixedFrameTransform, result) 其中, origin: 中心点 headingPitchRoll: 航向，俯仰和滚转 ellipsoid: ...
Cesium距离测量、角度测量、面积测量
最新发布
StupidlyGrass的博客
06-12 431
【代码】Cesium距离测量、角度测量、面积测量。
Cesium 计算两个经纬度的中心点坐标，并计算出两个点的角度朝向
weixin_51944213的博客
08-28 1941
箭头的朝向是 每组两个经纬度的。，在线的每两个点之间生成一个。，在这个中心坐标点上画一个。cesium 地球上生成。
cesium api 学习之旋转角 heading（yaw）、pitch、roll
renkangever的博客
06-16 7608
heading(yaw)即航向角，航向角是由当地北方向旋转，正角向东增加。 pitch即俯视角，俯仰是从局部xy平面的旋转。正螺距角在平面上方。负螺距角在平面以下。 roll即翻滚角，顺时针翻滚即正值，逆时针翻滚为负值。 roll对应模型或相机的前后方向俯视角pitch翻滚角roll航向角heading（yaw） 参考：https://blog.youkuaiyun.com/yuzhongchun/article/details/22749521 ...
cesium 根据两个点计算距离和角度
AllBluefm的专栏
04-29 981
已知世界坐标系中的两个点p1、p2，求p1和p2的夹角。原理是以p1为原点，建立一个enu坐标系，求出在这个相对坐标系中p1到p2的单位向量，得到单位向量的xyz，再通过Math.atan2计算出这个单位向量和x轴的夹角，即是p1到p2的夹角。可以看出，两种方法就是计算localVector的方式不同，结果是一致的。1、红线为以1为原点建立的相对坐标系的x轴正方向。2、Math.atan2是内置方法。
cesium——飞行定位
等花开一起压花路
03-07 8187
Cesium的飞行定位，主要通过Viewer、Camera这两个类实现的。其中这三个方法会有一个飞行动画的效果，所以会有飞行持续时间参数duration，默认是3秒。
cesium 设置飞机的heading pitch roll（航向等）
weixin_44005989的博客
07-03 5713
cesium 设置飞机的heading pitch roll 知识点普及： pitch是围绕X轴旋转，也叫做俯仰角， heading(yaw)是围绕Y轴旋转，也叫偏航角，(平行于z轴，就是水平旋转的，其他同理) roll是围绕Z轴旋转，也叫翻滚角， 代码： var drone; var head=0; var pitch = 0.0; var roll = 0.0; //加载自定义的飞行器模...
Cesium添加模型实时更新偏航角
weixin_44546735的博客
09-18 1791
开发工具与关键技术： 作者：熊琪 撰写时间：2020年9月8日 首先简单的说下cesium是什么，cesium是一个跨平台、跨浏览器的展示三位地球和地图的js库，cesium使用WebGL来进行硬件加速图形，不需要任何插件支持，但浏览器必须支持webgl。 首先初始化三维球：代码如下： viewer = new Cesium.Viewer("cesiumContainer", { infoBox: false, // 地图默认点击弹窗 selectionIndi.
cesium一些计算函数
Dani05的博客
03-18 1093
设置一条颜色带，由数字0处颜色渐变到1处颜色，计算0-1中插值t处对应的颜色值。 getColor(t) { let material = new Cesium.Color(1.0, 1.0, 1.0, 1.0);//初始化定义material return Cesium.Color.lerp( Cesium.Color.YELLOW.withAlpha(0.8),//0.0处对应的颜色 Cesium.Color.RED.withAlpha
cesium 由Matrix4获取HeadingPitchRoll
被月儿萌翻的博客
01-06 1408
模型矩阵与模型的姿态的获取
cesium学习笔记（问题记录）——（三）
CheryW的博客
12-18 2627
cesium学习记录（三）
Cesium坐标转换：根据两个坐标点（坐标点a、坐标点b）的经纬度，计算a点和b点的角度
--柴犬馒头--的博客
10-29 5776
计算a点和b点的角度（偏行角：逆时针） /** * 计算a点和b点的角度（偏行角） * @param lng_a a点经度 * @param lat_a a点维度 * @param lng_b b点经度 * @param lat_b b点维度 * @returns 角度 */ function courseAngle(lng_a, lat_a, lng_b, lat_b)...
Cesium相机系统
专注GIS开发
01-25 7953
Cesium相机系统介绍
《Cesium 进阶知识点》- 监听相机变化事件：获取视高、级别和角度等场景信息
前端技术
10-08 3030
《Cesium 进阶知识点》- 监听相机变化事件：获取视高、级别和角度等场景信息
Cesium中的相机—HeadingPitchRoll
热门推荐
遨游在太空
10-18 1万+
以[x,y,z]T\begin{bmatrix} x,y,z\end{bmatrix}^{T}[x,y,z​]T表示点P在旋转后坐标系o−XYZo-XYZo−XYZ中的坐标分量（始终不变），[x′,y′,z′]T\begin{bmatrix} x',y',z'\end{bmatrix}^{T}[x′,y′,z′​]T表示点P旋转后在原坐标系o−...
Cesium中的Heading/Pitch/Roll
S3802608的博客
02-26 5003
Cesium中的Heading/Pitch/Roll 在Cesium中，Heading就是yaw，即偏航的意思。则相机的Heading/pitch/roll与飞机类似： Heading=yaw，表示相机绕Up轴旋转，Up轴为+Z轴，且定义绕-Z轴旋转为正。 Pitch，表示相机绕Right轴旋转，Right轴为-Y轴，且定义绕-Y轴旋转为正。 Roll，表示相机绕Direction轴（视线方向）旋转，Direction轴为+X轴，且绕+X轴旋转为正。 相机的三个旋转方向见下图示意，同时给出了Cesium中相
cesium 多边形俯仰角
03-20
<think>好的，我需要帮助用户在Cesium中设置多边形的俯仰角。首先，我需要理解用户的问题。用户提到了多边形（Polygon）和俯仰角，可能是指调整多边形在三维空间中的倾斜角度。俯仰角通常指物体绕X轴旋转的角度，即pitch。但Cesium的Polygon默认是贴地的，可能用户想让多边形在三维空间中倾斜，或者沿着某个轴旋转。 首先，我应该回顾Cesium中Polygon的基本用法。根据引用[2]，用户可以通过Entity.polygon定义多边形，通常需要指定hierarchy坐标点。默认情况下，多边形是贴在地表或指定高度的平面上。如果用户想让多边形具有俯仰角，可能需要调整多边形的方向，使其绕某个轴旋转。 接下来，我需要考虑Cesium中如何实现旋转。Cesium的Entity支持orientation属性，可以设置四元数（Quaternion）或旋转矩阵（Matrix3）来定义实体的方向。因此，可能需要通过设置orientation来实现多边形的旋转。但Polygon本身是否支持orientation属性呢？需要查阅文档确认。 查阅Cesium的官方文档，Entity的orientation属性确实可以用于设置实体的方向，适用于所有Entity类型。因此，可以为Polygon实体设置orientation，然后通过四元数或欧拉角来定义旋转角度，包括俯仰角（pitch）、偏航角（yaw）和滚动角（roll）。 那么具体步骤可能是：创建多边形实体时，指定其orientation属性为一个由欧拉角转换而来的四元数。例如，使用Cesium.Quaternion.fromHeadingPitchRoll(hpr)方法，其中hpr是HeadingPitchRoll对象，包含heading（偏航）、pitch（俯仰）、roll（滚动）的角度值。需要注意的是，角度单位是弧度。 但还需要考虑多边形的定位点。默认情况下，旋转是相对于实体的位置进行的，可能需要调整旋转中心点。或者，可能需要将多边形的高度设置为某个固定值，使其脱离地面，从而在三维空间中可见其旋转效果。 另外，用户可能需要将多边形提升到一定高度，然后应用俯仰角旋转，这样多边形才会在空间中倾斜。如果多边形贴地，旋转可能不会产生明显效果，因为贴地多边形始终与地表平行。 总结步骤： 1. 创建多边形实体，指定其hierarchy坐标点，并设置适当的高度（height属性）使其脱离地面。 2. 定义俯仰角（pitch），将其转换为弧度。 3. 使用Cesium.HeadingPitchRoll创建包含俯仰角的对象，注意heading和roll可能设为0。 4. 将HeadingPitchRoll转换为四元数，赋值给orientation属性。 5. 将实体添加到viewer.entities中。 此外，需要注意坐标系的问题。如果多边形的位置是相对于地球的，旋转可能需要考虑本地坐标系或固定坐标系。Cesium的orientation默认是本地坐标系，即相对于实体的位置。 可能遇到的问题：旋转后的多边形可能不在预期位置，需要调整旋转中心或坐标点。或者，旋转轴是否正确，需要确保pitch绕X轴旋转，这可能需要确认Cesium的欧拉角定义。 最后，验证示例代码的正确性，确保用户能够通过设置height和orientation实现俯仰角效果。</think>在Cesium中实现多边形的俯仰角需要通过设置实体的方向属性`orientation`，结合高度调整使其脱离地面。以下是具体实现步骤： ### 方法步骤 1. **定义多边形坐标与高度** 创建多边形时需指定`hierarchy`坐标点，并设置`height`属性使其脱离地表，例如： ```javascript const polygonEntity = viewer.entities.add({ polygon: { hierarchy: Cesium.Cartesian3.fromDegreesArray([/* 经度1,纬度1, 经度2,纬度2,... */]), height: 1000, // 提升到1000米高度 material: Cesium.Color.BLUE.withAlpha(0.5) } }); ``` 2. **设置俯仰角方向** 使用`HeadingPitchRoll`定义旋转角度（俯仰角为绕X轴旋转），再转换为四元数赋值给`orientation`： ```javascript const pitchAngle = Cesium.Math.toRadians(30); // 俯仰角30度转弧度 const hpr = new Cesium.HeadingPitchRoll(0, pitchAngle, 0); // heading=0, roll=0 const orientation = Cesium.Quaternion.fromHeadingPitchRoll(hpr); polygonEntity.orientation = orientation; // 更新实体方向 ``` ### 关键原理 - **高度与旋转关系**：贴地多边形（未设置`height`）旋转时视觉变化不明显，提升高度后旋转效果更易观察[^1]。 - **坐标系定义**：Cesium中`HeadingPitchRoll`的`pitch`对应绕本地X轴旋转，适合调整俯仰角度[^2]。 ### 完整代码示例 ```javascript const viewer = new Cesium.Viewer('cesiumContainer'); // 定义多边形坐标（示例为矩形） const coordinates = Cesium.Cartesian3.fromDegreesArray([ 120.0, 30.0, 121.0, 30.0, 121.0, 31.0, 120.0, 31.0 ]); const pitchAngle = Cesium.Math.toRadians(45); // 俯仰角45度 const polygonEntity = viewer.entities.add({ position: Cesium.Cartesian3.fromDegrees(120.5, 30.5), // 旋转中心点 polygon: { hierarchy: coordinates, height: 2000, material: Cesium.Color.RED.withAlpha(0.6) }, orientation: Cesium.Quaternion.fromHeadingPitchRoll( new Cesium.HeadingPitchRoll(0, pitchAngle, 0) ) }); viewer.zoomTo(polygonEntity); ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A 壹零贰肆

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值