转换屏幕坐标_Cesium开发入门篇 | 06坐标系及坐标变换

本文介绍了Cesium中的常用坐标系统,包括屏幕坐标、笛卡尔空间直角坐标、地理坐标(弧度)和经纬度坐标,并详细阐述了它们之间的转换方法,如经纬度转世界坐标、世界坐标转经纬度等。同时,提到了Cesium提供的坐标变换工具,如Cesium.Cartesian3、Cesium.Matrix3、Cesium.Matrix4和Cesium.Quaternion,以及Cesium.Transforms模块在坐标变换中的应用。
摘要由CSDN通过智能技术生成

Cesium中常用的坐标

1.屏幕坐标(像素)

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

2.笛卡尔空间直角坐标

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

765db5fe62a8d27a9767932b22ce2709.png

笛卡尔空间直角坐标

3.地理坐标(弧度)

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

719d88133399f4de2d533ab872cd7007.png

地理坐标(弧度)

4.经纬度坐标

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

3093fc74fe9f679e4cf74cd78bd90ada.png

经纬度坐标

经度:参考椭球面上某点的大地子午面与本初子午面间的两面角,东正西负。
纬度 :参考椭球面上某点的法线与赤道平面的夹角,北正南负。
Cesuim中没有具体的经纬度对象,要得到经纬度首先需要计算为弧度,再进行转换。Cesium提供了如下对应的转换方法:

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

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 );

坐标变换工具

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

  • Cesium.Cartesian3(相当于Point3D)
  • Cesium.Matrix3(3x3矩阵,用于描述旋转变换)
  • Cesium.Matrix4(4x4矩阵,用于描述旋转加平移变换)
  • Cesium.Quaternion(四元数,用于描述围绕某个向量旋转一定角度的变换)
  • Cesium.Transforms(包含将位置转换为各种参考系的功能)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值