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控制台里面输出测试了下,便于理解. ...
随机推荐
- Spring Boot使用MyBatis Generator、Swagger
MyBatis是Java目前主流的ORM框架,在Spring Boot中使用MyBatis可以参考这篇文章:http://www.ityouknow.com/springboot/2016/11/06 ...
- ES5_03_Object扩展
ES5给Object扩展了一些静态方法, 常用的2个: 1. Object.create(prototype, [descriptors]) * 作用: 以指定对象为原型创建新的对象 * 为新的对象指 ...
- .Net进程外session配置
配置步骤: 1.开启 ASP.NET状态服务:cmd状态下:services.msc 2.配置web.config文件,在system.web下加入如下配置 <sessionState mode ...
- golang 单元测试&&性能测试
一:单元测试 1.为什么要做单元测试和性能测试 减少bug 快速定位bug 减少调试时间 提高代码质量 2.golang的单元测试 单元测试代码的go文件必须以_test.go结尾 单元测试的函数名必 ...
- @Bean 注解全解析
目录 @Bean 基础声明 @Bean 基本构成及其使用 @Bean 注解与其他注解产生的火花 @Profile 注解 @Scope 注解 @Lazy 注解 @DependsOn 注解 @Primar ...
- 微信小程序支付以及微信退款开发
最近公司项目急着测试,需要开发微信小程序+微信支付+微信退款,本着这几天的一些研究,决定记录一下开发的过程. 本着知识分享的原则,希望对大家有所帮助. 本篇针对的是微信小程序的支付开发,如果有对微信公 ...
- Java连载5-标识符、关键字和字面值
一.标识符 1.标识符定义:在java源程序中凡是可以自己命名的单词 2.标识符可以标识什么元素? (1)类名(2)方法名(3)变量名(4)接口名(5)常量名 等等 3.标识符的命名要求 (1)一个合 ...
- NOSQL—MongoDB之外的新选择
MongoDB之外的新选择 MongoDB拥有灵活的文档型数据结构和方便的操作语法,在新兴的互联网应用中得到了广泛的部署,但对于其底层的存储引擎一直未对外开放,虽说开源却有失完整.Mongo版本3中开 ...
- NOIP2002 字串变换题解(双向搜索)
65. [NOIP2002] 字串变换 时间限制:1 s 内存限制:128 MB [问题描述] 已知有两个字串A$, B$及一组字串变换的规则(至多6个规则): A1$ -> B1$ A2$ ...
- Java 内存映射文件
import java.io.*; import java.nio.MappedByteBuffer; import java.nio.channels.FileChannel; import jav ...