cesiumjs开发实践(五)

最新推荐文章于 2023-05-25 17:45:39 发布

润仔

最新推荐文章于 2023-05-25 17:45:39 发布

阅读量717

点赞数

分类专栏： Cesium 文章标签： map cesium gis javascript

Cesium 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

坐标变换

cesium中常用的坐标有两种WGS84地理坐标系和笛卡尔空间坐标系。我们平时常用的以经纬度来指明一个地点就是用的WGS84坐标，笛卡尔空间坐标系常用来做一些空间位置变换如平移旋转缩放等等。二者的联系如下图

笛卡尔空间坐标的原点就是椭球的中心。

在实际应用中用的最多的操作就是（lng, lat, alt）<=>(x, y, z)之间的相互转换，cesiumjs为我们提供了这些转换

var ellipsoid = viewer.scene.globe.ellipsoid;

var coord_wgs84 = Cesium.Cartographic.fromDegrees(lng, lat, alt);//单位：度，度，米

var coord_xyz = ellipsoid.cartographicToCartesian(coord_wgs84);

console.log('x=' + coord_xyz.x + ',y=' + coord_xyz.y + ',z=' + coord_xyz.z);//单位：米，米，米

var xyz = new Cesium.Cartesian3(x, y, z);

var wgs84 = ellipsoid.cartesianToCartographic(xyz);

console.log('lng=' + Cesium.Math.toDegrees(wgs84.longitude) + ',lat=' + Cesium.Math.toDegrees(wgs84.latitude) + ',alt=' + wgs84.height);

需要注意cesium内部的角度单位是弧度，因此输入计算或输出显示时需要转换。

转换到笛卡尔坐标系后就能运用计算机图形学中的仿射变换知识进行空间位置变换如平移旋转缩放。cesiumjs为我们提供了很有用的变换工具类，Cesium.Cartesian3（相当于Point3D）Cesium.Matrix3（3x3矩阵，用于描述旋转变换）Cesium.Matrix4（4x4矩阵，用于描述旋转加平移变换），Cesium.Quaternion（四元数，用于描述围绕某个向量旋转一定角度的变换）。下面举个例子：

一个局部坐标为p1(x,y,z)的点，将它的局部坐标原点放置到loc(lng,lat,alt)上，局部坐标的z轴垂直于地表，局部坐标的y轴指向正北，并围绕这个z轴旋转d度，求此时p1(x,y,z)变换成全局坐标笛卡尔坐p2(x1,y1,z1)是多少？