js cesium 中弧度、角度转化

最新推荐文章于 2025-06-12 15:43:38 发布
原创 最新推荐文章于 2025-06-12 15:43:38 发布 · 3.7k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用Cesium获取相机的航向、俯仰和翻滚角度，并将其从弧度转换为角度，以便于理解和应用。

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

参考如下代码：

const { heading, pitch, roll } = viewer.camera;
console.log({ heading, pitch, roll });
// 弧度
const radians = Cesium.Math.toRadians(heading)
console.log(radians)
// 角度
const degrees = radians * (180 / Math.PI);
console.log(degrees)
Cesium中笛卡尔坐标和弧度坐标的转换
OvzStream的博客
09-20 183
在Cesium中，笛卡尔坐标是指地球表面上的一个点的三维坐标，通常使用经度（Longitude）、纬度（Latitude）和高度（Height）来表示。而弧度坐标是指以地球中心为原点的球面坐标系，使用经度（Longitude）、纬度（Latitude）和地球半径（Radius）来表示。在Cesium中，我们经常需要在笛卡尔坐标和弧度坐标之间进行转换。通过以上示例代码，我们可以在Cesium中实现笛卡尔坐标和弧度坐标之间的相互转换。在上面的代码中，我们首先定义了一个弧度坐标（方法将其转换为弧度坐标（
cesium笛卡尔坐标（世界坐标）与弧度坐标转换（cesium篇.75）
地图之家
04-26 567
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/Cesium/Cesium.js"></script> <link rel="st
地理经纬度弧度角度转换
04-29
支持弧度和角度的互相转化，可以弧度转角度，也可以角度转弧度
Cesium 坐标转换（各坐标/角度弧度互相转换）
qq_17627195的博客
10-19 8089
Cesium 坐标转换（各坐标/角度弧度互相转换）
Cesium距离测量、角度测量、面积测量
最新发布
StupidlyGrass的博客
06-12 405
【代码】Cesium距离测量、角度测量、面积测量。
cesium 角度坐标之间的转换（经纬度转笛卡尔转弧度）
LBY_XK的博客
12-01 2293
<script> var lng = 132.02294829, lat = 53.323929; console.log("经纬度转笛卡尔"); const viewer = new Cesium.Viewer("app", {}) var lnglatTocartesian = Cesium.Cartesian3.fromDegrees(lng, lat) console.log(lng, lat, lnglatTocartesia.
cesiumjs开发实践之坐标转换
djvx81654的博客
04-13 559
cesium中常用的坐标有两种WGS84地理坐标系和笛卡尔空间坐标系。我们平时常用的以经纬度来指明一个地点就是用的WGS84坐标，笛卡尔空间坐标系常用来做一些空间位置变换如平移旋转缩放等等。 笛卡尔空间坐标的原点就是椭球的中心。 在实际应用中用的最多的操作就是（lng, lat, alt）<=>(x, y, z)之间的相互转换，cesiumjs为我们提供了这些...
Cesium实现俯仰角转换
Zll321723的博客
03-11 1112
【代码】Cesium实现俯仰角转换。
Cesium(九) 角度量算工具 （一）
weixin_49608678的博客
01-07 2907
之前在用超图的进行现在开发，现在用原生的Cesium之后发现量算工具还是个小麻烦。。。关于距离，面积，高度网上都有例子了，但是现在有个角度测量的需求，就自己写了一下。这个是在正北方向做一条辅助线，然后求与正北方向的夹角，过几天做自己画两条线夹角的。 ———tool工具类： ———— graphic.js 效果图： const radiansPerDegree = Math.PI / 180.0;//角度转化为弧度(rad) const degreesPerRadian = 180.0 / Math.
Cesium坐标系转换指南
m0_72030584的博客
05-21 634
坐标转换
cesium中对折线进行插值
siqi的博客
12-23 299
【代码】cesium中对折线进行插值。
Cesium最新基础教程系列4—坐标转换（平面坐标系，笛卡尔空间直角坐标系，弧度，经纬度，屏幕坐标）
李洋的专栏
07-10 7971
Cesium中的几种坐标介绍 1、平面坐标系（Cartesian2） new Cesium.Cartesian2(x, y) 2、笛卡尔空间直角坐标系-世界坐标（Cartesian3） new Cesium.Cartesian3(x, y, z) 3、弧度（Cartographic） new Cesium.Cartographic(longitude, la...
Cesium 设置视角的两种方式
u014328243的博客
05-25 8732
作为开源WebGIS三维可视化领域的翘楚，Cesium中可以可以添加不同的Entity实体数据，也可以添加各种各样的模型数据，那么当我们添加好数据之后，如何设置视角以便于观察呢，这里介绍两种不同的方式设置视角。一种是设置添加数据的orientation属性来设置视角，另一种是设置相机的角度来设置视角。 设置 orientation 属性 这个方法是通过数据实体的坐标position和欧拉角（heading，pitch， roll），计算出四元数，四元数是绕空间某一点旋转的参数，即可设置orientation
Cesium 角度计算
资深三维GIS开发
05-19 7001
Cesium中测量时，经常会用到角度测量，比如测量一下某条线和某个方向的夹角。下面以和正北方向的夹角进行举例。 效果图如下： 实现方式： 1、使用空间分析插件turf.js，可以将三维空间坐标转化为二维经纬度坐标后，进行计算，在这里就不一一赘述了，有兴趣的朋友可以去看下。 2、通过向量的方式进行计算。 原理：主要是建立了局部坐标系，对局部坐标和空间坐标进行了一个转换。然后求出了单位向量，进而求出夹角的余弦值。得到了角度。 getAzimuthtAndCenter: function (p
cesium常用坐标转换方法介绍（详细）
热门推荐
专注GIS开发
03-11 1万+
cesium常用坐标系转换方法（详细实用）
Cesium中的坐标系统及其转换
weixin_54937289的博客
11-27 587
Cesium的主要坐标系是属于笛卡尔系统，屏幕坐标是二维笛卡尔平面系统，即通过鼠标点击所获得的坐标，单位是像素值，Ceium表示在Cartesian2,也可以通过new Cesium.Cartesian2(x, y)插件。
cesium中的坐标系统与转换
NOSaac的博客
05-13 1万+
cesium中的坐标系统与转换 1.cesium坐标系统 cesium开发中常用的坐标系统 屏幕坐标系统(二维)，对应Cartesian2来 笛卡尔空间直角坐标系统(三维) 地理坐标系统(经纬度坐标) [1]屏幕二维坐标系 是二位笛卡尔坐标系,cesium中使用Cartesian2来描述屏幕坐标系统 构造函数为new Cesium.Cartesian2(x, y),屏幕左上角为原点,x右为正,y下为正 而openlayers中 [2]笛卡尔空间直角坐标系 原点为参考椭球的中心下 构造函数为new C
绘制一条拥有弧度的线
m0_53584457的博客
02-23 989
mars3d的使用-线的绘制 绘制一条有弧度的线；
【Cesium绘制扇形】
baidu_41564215的博客
06-05 2986
cesium绘制扇形区域，支持颜色、角度、半径调整，支持动态手动更新。
cesium中的坐标系
03-18
### Cesium 中的坐标系及相关概念 Cesium 是一个基于 WebGL 的开源 JavaScript 库，用于创建 3D 地球和地图可视化应用。它支持多种坐标系以满足不同的应用场景需求。 #### 笛卡尔坐标系 (Cartesian3) Cesium 中最常使用的坐标系是 **笛卡尔坐标系**（Cartesian3），这是一种三维空间直角坐标系[^1]。该坐标系定义了一个点在三维空间中的位置，通常由三个分量组成：`x`, `y`, 和 `z`。 - 它适用于描述物体在三维场景中的绝对位置。 - 在 Cesium 中，可以通过 `Cesium.Cartesian3` 类来表示和操作这种类型的坐标。 ```javascript const cartesianPoint = new Cesium.Cartesian3(100, 200, 300); console.log(cartesianPoint.x); // 输出: 100 console.log(cartesianPoint.y); // 输出: 200 console.log(cartesianPoint.z); // 输出: 300 ``` --- #### 地理坐标系 (Cartographic) 另一种重要的坐标系是 **地理坐标系**（Cartographic），其使用经度、纬度和高度来表示地球表面上的位置。 - 经度范围为 [-π, π] 或者 [-180°, 180°]。 - 纬度范围为 [-π/2, π/2] 或者 [-90°, 90°]。 - 高度则是一个浮点数值，单位通常是米。 Cesium 提供了 `Cesium.Cartographic` 来表示此类坐标： ```javascript const cartographicPoint = new Cesium.Cartographic( Cesium.Math.toRadians(-75), // 经度 (-75° 转换为弧度制) Cesium.Math.toRadians(40), // 纬度 (40° 转换为弧度制) 100 // 高度 (单位: 米) ); ``` --- #### 不同坐标系间的转换 Cesium 支持不同坐标系之间的相互转换，这使得开发者可以灵活地处理各种数据源。以下是常见的几种转换方式： ##### 1. Cartographic 到 Cartesian3 通过 `Cesium.Cartesian3.fromDegrees` 方法可以直接将经纬度（角度制）转化为笛卡尔坐标系下的点[^2]: ```javascript const pointInCartesian = Cesium.Cartesian3.fromDegrees(-75, 40, 100); // 结果为一个 Cartesian3 对象 ``` 如果输入的是弧度值，则可使用 `Cesium.Cartesian3.fromRadians`: ```javascript const radiansLongitude = Cesium.Math.toRadians(-75); const radiansLatitude = Cesium.Math.toRadians(40); const pointFromRadians = Cesium.Cartesian3.fromRadians(radiansLongitude, radiansLatitude, 100); ``` ##### 2. 数组形式的数据转换 当需要批量处理多个地理位置时，可以利用以下方法： - `Cesium.Cartesian3.fromDegreesArray`: 接收一个数组，其中交替存储经度和纬度。 - `Cesium.Cartesian3.fromRadiansArray`: 同样接收一个数组，但要求输入为弧度制。 示例代码如下： ```javascript // 使用 fromDegreesArray 进行批量转换 const degreesArray = [-75, 40, -76, 41]; const pointsInCartesian = Cesium.Cartesian3.fromDegreesArray(degreesArray); // 使用 fromRadiansArray 进行批量转换 const radiansArray = [ Cesium.Math.toRadians(-75), Cesium.Math.toRadians(40), Cesium.Math.toRadians(-76), Cesium.Math.toRadians(41) ]; const pointsFromRadians = Cesium.Cartesian3.fromRadiansArray(radiansArray); ``` ##### 3. 屏幕坐标到世界坐标的映射 除了上述两种主要坐标系外，Cesium 还提供了工具函数来进行屏幕像素坐标与世界坐标之间的转换。例如，`scene.pickPosition` 可以用来获取鼠标点击处的世界坐标。 --- #### WGS84 坐标系 Cesium 所采用的基础大地测量模型是 **WGS84** 坐标系，这是一个全球统一的标准椭球体模型[^3]。这意味着所有的地理计算都默认基于此标准执行，从而确保高精度的空间定位能力。 --- ### 总结 Cesium 提供了一套完整的 API 来支持多样的坐标系及其互转功能。无论是简单的单点转换还是复杂的路径绘制，都可以借助这些内置方法轻松完成。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值