Cesium开发入门篇 | 06坐标系及坐标变换

01 Cesium中常用的坐标

1.屏幕坐标(像素**)**

即二维笛卡尔平面坐标,我们通过鼠标点击直接获取的坐标就是屏幕坐标了,单位是像素值,也可以通过new Cesium.Cartesian2(x, y)创建。

笛卡尔空间直角坐标

笛卡尔空间直角坐标又称为世界坐标,Cesium中用Cartesian3变量表示,可通过new Cesium.Cartesian3(x, y, z)创建,主要是用来做空间位置的变化如平移、旋转和缩放等等,它的坐标原点在椭球的中心,如下图所示:

图片

2.地理坐标(弧度)

Cesium中的地理坐标单位默认是弧度制,用Cartographic变量表示,可通过new Cesium.Cartographic(longitude, latitude, height)创建,其中这里的参数是用弧度表示的经纬度,即经度和纬度。弧度即角度对应弧长是半径的倍数。

角度转弧度 π/180×角度

弧度变角度 180/π×弧度

图片

3.经纬度坐标

即测绘中的地理经纬度坐标,默认是WGS84坐标系,坐标原点在椭球的质心。

图片

经度:参考椭球面上某点的大地子午面与本初子午面间的两面角,东正西负。

纬度 :参考椭球面上某点的法线与赤道平面的夹角,北正南负。

Cesuim中没有具体的经纬度对象,要得到经纬度首先需要计算为弧度,再进行转换。Cesium提供了如下对应的转换方法:

// 经纬度转弧度
Cesium.Math.toRadians(degrees)
// 弧度转经纬度
Cesium.Math.toDegrees(radians)

02 Cesium中常用的坐标变换

1.经纬度坐标转世界坐标

Cesium提供了两种方式将经纬度坐标转成世界坐标。

 // 方法1:直接转换
 // var cartesian3 = Cesium.Cartesian3.fromDegrees(lng, lat, height);

 // 方法2:借助ellipsoid对象,先转换成弧度再转换
 var cartographic = Cesium.Cartographic.fromDegrees(lng, lat, height); //单位:度,度,米
 var cartesian3 = ellipsoid.cartographicToCartesian(cartographic);

2.世界坐标转经纬度

 // 3.笛卡尔空间直角坐标系转为地理坐标(弧度制)
 // var cartographic = Cesium.Cartographic.fromCartesian(cartesian3); // 方法1
 var cartographic = ellipsoid.cartesianToCartographic(cartesian3); // 方法2
 // 4.地理坐标(弧度制)转为经纬度坐标
 var lat = Cesium.Math.toDegrees(cartographic.latitude);
 var lng = Cesium.Math.toDegrees(cartographic.longitude);
 var height = cartographic.height;

3.弧度和经纬度互转

经纬度转弧度:

Cesium.Math.toRadians(degrees)

弧度转经纬度:

Cesium.Math.toDegrees(radians)

4.屏幕坐标和世界坐标互转

屏幕转世界坐标:

// 2.二维屏幕坐标转为三维笛卡尔空间直角坐标(世界坐标)
      var cartesian3 = scene.globe.pick(
        viewer.camera.getPickRay(windowPostion),
        scene
      );

注意这里屏幕坐标一定要在球上,否则生成出的cartesian对象是undefined。

世界坐标转屏幕坐标:

// 三维笛卡尔空间直角坐标(世界坐标)转为二维屏幕坐标
 // 结果是Cartesian2对象,取出X,Y即为屏幕坐标。
 windowPostion = Cesium.SceneTransforms.wgs84ToWindowCoordinates(
   scene,
   cartesian3
 );

03 坐标变换工具

只有转换到笛卡尔坐标系后才能运用计算机图形学中的仿射变换知识进行空间位置变换如平移旋转缩放。Cesium为我们提供了如下几种很有用的变换工具类:

  • Cesium.Cartesian3(相当于Point3D)

  • Cesium.Matrix3(3x3矩阵,用于描述旋转变换)

  • Cesium.Matrix4(4x4矩阵,用于描述旋转加平移变换)

  • Cesium.Quaternion(四元数,用于描述围绕某个向量旋转一定角度的变换)

  • Cesium.Transforms(包含将位置转换为各种参考系的功能)

往期推荐

  1. Cesium开发入门篇 | 05Cesium API结构介绍

  2. Cesium开发入门篇 | 04Viewer界面介绍及组件显隐

  3. Cesium开发入门篇 | 03Cesium目录结构介绍

  4. Cesium开发入门篇 | 02Cesium开发环境搭建及第一个示例

  5. Cesium开发入门篇 | 01Cesium介绍

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

暮紫月升

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

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

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

打赏作者

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

抵扣说明:

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

余额充值