cesium学习——cesium中的坐标
一、坐标展现形式
在cesium中,对于坐标数值单位有三种:角度、弧度和坐标值
1.角度
角度就是我们所熟悉的经纬度,对于地球的坐标建立如下:

图中以本初子午线作为x和z的面,建立了一个空间坐标系。可知在纬度方向上,角1的范围为-90~90,即南纬90°~北纬90°,角2的范围是-180~180,即东经180°~西经180°。
2.弧度
角度还可以用弧度表示,初中数学知识,180°=Π。在cesium中很多函数的参数都是使用弧度作为单位。
3.坐标值
这个坐标值就如上图中所建立的坐标系,但是不同的是数值是我们所说的坐标系的数据,例如Cartesian3(笛卡尔坐标系)对象中的x、y、z所代表的数值。那么这个对象所代表的值是什么样的范围呢?我们使用可以将地图的0,0点作为经纬度转换为cartesian3对象,并将其输出例如:
var point = Cesium.Cartesian3.fromDegrees(0,0,0);
console.log(point);
结果为(6378137, 0, 0),为什么x坐标会是6378137呢?这是因为Cartesian3在创建的时候,是需要设置椭球体,也就是地球的。我们上面使用的方法的api如下:

第三个参数就是设置椭球体。默认是Ellipsoid.WGS84,我们把这个椭球体输出得到的是:(6378137, 6378137, 6356752.314245179),可以看到这个x坐标的值就是我们(0,0)点最后转换后的X坐标的值,构建一下坐标系可能会更清楚些:

这样的话,如果经纬度坐标是(90,0)转换成笛卡尔坐标就是(0,6378137,0),经纬度(0,-90)就是(0,0,-6356752.314245179)。另外可以将笛卡尔坐标的单位理解成米,圆心就是椭球的中心。这样当我们想要对cesium中的物体进行米级别的控制使用笛卡尔坐标系的表示就很好控制。
二、三种坐标的换算方式:
1.角度和弧度的转换
在cesium中Math对象中的函数可以用来完成角度和弧度之间的换算。
角度转为弧度:弧度值 = Cesium.Math.toRadians(角度值);
弧度转为角度:角度值 = Cesium.Math.toDegrees(弧度值);
这两个方法是单纯的将二者进行换算,另外cesium中很多的对象中是有专用的换算函数的。
2.角度、弧度与Cartesian3的转换
角度转换为Cartesian3:
Cesium.Cartesian3.fromDegrees
Cesium.Cartesian3.fromDegreesArray
弧度转换为Cartesian3:
Cesium.Cartesian3.fromRadians
Cesium.Cartesian3.fromRadiansArray
三、高度呢
这个时候我们可能会问Cartesian3可以通过控制x,y,z的数值来控制高度,那么经纬度和弧度呢?
此时Cartographic对象就登场了,看下这个对象初始化的三个参数:

用弧度表示的经纬度,以及以米为单位的高度。此时我们就需要加入如下的转化:
弧度转为Cartographic:
Cesium.Cartographic.fromRadians
经纬度转为Cartographic:
Cesium.Cartographic.fromDegrees
Cartographic转为Cartesian3:
Cesium.Cartographic.toCartesian
Cartesian3转为Cartographic:
Cesium.Cartographic.fromCartesian
至此,cesium中整个的坐标转化已经基本包括,Cartesian2和Cartesian4因为没有用过,暂时没有加进来。下面我绘制坐标转换图来表示:

第二周技术文档完成
cesium学习——cesium中的坐标的更多相关文章
- cesium 学习(六) 坐标转换
cesium 学习(六) 坐标转换 一.前言 在场景中,不管是二维还好还是三维也罢,只要涉及到空间概念都会提到坐标,坐标是让我们理解位置的一个非常有效的东西.有了坐标,我们能很快的确定位置相关关系,但 ...
- cesium 学习(五) 加载场景模型
cesium 学习(五) 加载场景模型 一.前言 现在开始实际的看看效果,目前我所接触到基本上都是使用Cesium加载模型这个内容,以及在模型上进行操作.So,现在进行一些加载模型的学习,数据的话可以 ...
- cesium学习--初识
一.Cesium 官方介绍:CesiumJS是一个开源的JavaScript库,用于世界级的3D地球仪和地图.任务是为静态和时间动态的内容创建领先的3D地球和地图,具有最好的性能.精度.视觉质量.平台 ...
- Cesium学习笔记-工具篇20-PrimitiveTexture自定义渲染-贴图【转】
前几篇博客我们了解了自定义点.线.面绘制,这篇我们接着学习cesium自定义纹理贴图.我们完成点线面的绘制,只是绘制出了对象的框架,没有逼真的外观.逼真外观是需要设置材质来实现:Material . ...
- Cesium学习系列汇总
内容比较多,完整看完需要大概10分钟,废话不多说,撸起袖子,加油干!!! 1.前言 按照套路,先介绍一下什么是Cesium. Cesium ['siːzɪəm]是JavaScript开源库,通过Ces ...
- 最近开始学习Cesium,学习学习。
最近开始学习Cesium,学习学习.
- Cesium学习笔记(九):导入3D模型(obj转gltf)
在用cesium的过程中难免需要导入别人做好的3D模型,这时候就需要将这些模型转成gltf格式了 当然,官方也给了我们一个网页版的转换器,但是毕竟是网页版的,效率极其低下,文件还不能太大,所以我们就需 ...
- 学习cesium,关于图层界面的切换
最近学习cesium的3D引擎,有关图层切换的例子比较少,在官网上看见了一些例子加以自己的理解.投机了一种近似于图层切换的效果. 这种图层切换每次点击按钮时,会把其他的数据和实体给删除.然后再创建或加 ...
- javascript中常用坐标属性offset、scroll、client
原文:javascript中常用坐标属性offset.scroll.client 今天在学习js的时候觉得这个问题比较容易搞混,所以自己画了一个简单的图,并且用js控制台里面输出测试了下,便于理解. ...
随机推荐
- 小白也能看懂的 Laravel 核心概念讲解
自动依赖注入 什么是依赖注入,用大白话将通过类型提示的方式向函数传递参数. 实例 1 首先,定义一个类: /routes/web.php class Bar {} 假如我们在其他地方要使用到 Bar ...
- .Net之Layui多图片上传
前言: 多图上传在一些特殊的需求中我们经常会遇到,其实多图上传的原理大家都有各自的见解.对于Layui多图上传和我之前所说的通过js获取文本框中的文件数组遍历提交的原理一样,只不过是Layui中的up ...
- Codeforces Gym101170J:Jupiter Orbiter(最大流)
题目链接 题意 有n次事件,q个队列,s个传感器.每个传感器接到一个队列,每个队列有一个容量. 接下来执行n次事件,每次事件都会有一个最大发送数据量d.和s个数据a,代表这次给每个s填入a的数据量. ...
- POJ 2728:Desert King(最优比率生成树)
http://poj.org/problem?id=2728 题意:有n个点,有三个属性代表每个点在平面上的位置,和它的高度.点与点之间有一个花费:两点的高度差:还有一个长度:两点的距离.现在要让你在 ...
- HDU 5521:Meeting(最短路)
http://acm.hdu.edu.cn/showproblem.php?pid=5521 Meeting Problem Description Bessie and her friend E ...
- django基础知识之自连接:
自连接 对于地区信息,属于一对多关系,使用一张表,存储所有的信息 类似的表结构还应用于分类信息,可以实现无限级分类 新建模型AreaInfo,生成迁移 class AreaInfo(models.Mo ...
- CDQZ集训DAY9 日记
彻彻底底的爆炸了…… 考试上来第一题看完30分暴力后就不知道怎么打了,然后看第二题,一开始脑残以为是网络流,后来发现是树状结构后觉得是那个经典的n^2的树上背包DP,然而脑子又一次犯笨,竟然,竟然去枚 ...
- STM32F072从零配置工程-串口USART配置
也是使用HAL库进行配置,通过STMCube生成代码,可以通过这个简单的配置过程看到STMCube生成代码的一种规范: 从main函数入手观察其外设配置结构: 首先是HAL_Init()进行所有外设的 ...
- .NET多线程之调用上下文CallContext
命名空间:System.Runtime.Remoting.Messaging 类型完全限定名称:System.Runtime.Remoting.Messaging.CallContext 官方介绍:h ...
- sql 数据处理时join字段慎重选择--避免出现double数据!
前几天做BI Tabular表格模型的时候,数据中心核对数据发现模型展现数据比实际数据要多,经过核查之后,发现原来我是一个不经意,在做数据选取的时候,inner join的字段CITY_NAME_CN ...