目录
一、坐标系
1、屏幕坐标系(像素)
1.1 二维笛卡尔平面坐标Cartesian2
1.2 三维笛卡尔空间坐标(世界坐标)Cartesian3
2、地理坐标系
2.1 地理坐标系(弧度)Cartographic
2.2 地理坐标系(经纬度)WGS84
二、坐标系转换
1、WGS84(经纬度)与笛卡尔坐标(Cartesian3)互转
1.1 WGS84转Cartesian3
1.2 Cartesian3转WGS84
2 、Cartesian2屏幕坐标与Cartesian3世界坐标互换
2.1 Cartesian2转椭球面迪卡尔坐标,不包含地形、模型等的坐标
2.2 Cartesian2转场景坐标,包含地形和模型等的坐标
2.3 Cartesian2转地表笛卡尔空间坐标
2.4 Cartesian3转Cartesian2
3、角度经纬度与弧度经纬度互换
Cesium中常用的坐标有两种WGS84地理坐标系和笛卡尔空间坐标系,其中,WGS84地理坐标系包括 WGS84经纬度坐标系(没有实际的对象)和 WGS84弧度坐标系(Cartographic);
笛卡尔空间坐标系包括 笛卡尔空间直角坐标系(Cartesian3)、平面坐标系(Cartesian2),4D笛卡尔坐标系(Cartesian4)。简单的说就说屏幕坐标系、地理坐标(弧度)、地理坐标(经纬度)这些。
一、坐标系
1、屏幕坐标系(像素)
1.1 二维笛卡尔平面坐标Cartesian2
- 介绍: 屏幕左上角为原点(0,0),单位为像素值,屏幕水平方向为X轴,向右为正,垂直方向为Y轴,向下为正。
- 获取:
(1)通过鼠标点击直接获取的坐标就是屏幕坐标了,单位是像素值;
(2)通过new Cesium.Cartesian2(x, y)创建
1.2 三维笛卡尔空间坐标(世界坐标)Cartesian3
- 作用:用来做空间位置的变化如平移、旋转和缩放等等
- 获取:
(1)通过new Cesium.Cartesian3(x, y, z)创建
2、地理坐标系
2.1 地理坐标系(弧度)Cartographic
- 作用:Cesium中的地理坐标单位默认是弧度制,用Cartographic变量表示。
- 获取:通过new Cesium.Cartographic(longitude, latitude, height)创建,其中这里的参数是用弧度表示的经纬度
new Cesium.Cartographic(longitude, latitude, height)
注:这里的经纬度是用弧度表示的,经纬度其实就是角度。弧度即角度对应弧长是半径的倍数。
角度转弧度: π / 180 × 角度
弧度变角度: 180 / π × 弧度
2.2 地理坐标系(经纬度)WGS84
- 作用:Cesuim中没有具体的经纬度对象,要得到经纬度首先需要计算为弧度,再进行转换
- 获取:
// 经纬度转弧度
Cesium.Math.toRadians(degrees)
// 弧度转经纬度
Cesium.Math.toDegrees(radians)
二、坐标系转换
1、WGS84(经纬度)与笛卡尔坐标(Cartesian3)互转
1.1 WGS84转Cartesian3
方法一:直接通过经纬度转换
// 角度制与笛卡尔转换
// 格式:[113.21, 25.61, 100.0],高度默认为0,可以不写
let cartesian3 = Cesium.Cartesian3.fromDegrees(lon, lat, height);
// 格式:[113.21, 25.61, 113.54, 25.24],不带高度格式的数组
let cartesian3s = Cesium.Cartesian3.fromDegreesArray(coordinates);
// 格式:[113.21, 25.61, 100.0, 113.54, 25.24, 200.0],带高度格式的数组
let cartesian3s = Cesium.Cartesian3.fromDegreesArrayHeights(coordinates);
// 弧度制也类似,使用Cesium.Cartesian3.fromRadians, Cesium.Cartesian3.fromRadiansArray, Cesium.Cartesian3.fromRadiansArrayHeights
方法二:使用椭球体转换
let position = Cesium.Cartographic.fromDegrees(lon, lat, height);
// 单个坐标
let cartesian3 = Cesium.Ellipsoid.WGS84.cartographicToCartesian(position);
// 多个坐标
let cartesian3s = Cesium.Ellipsoid.WGS84.cartographicArrayToCartesianArray(positions);
1.2 Cartesian3转WGS84
方法一:直接转换
注意:直接转换得到的是WGS84弧度制
的经纬度坐标,可将其再转换为角度制
// 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;
方法二:通过椭球体转换
// 单个坐标
let cartographic = Cesium.Ellipsoid.WGS84.cartesianToCartographic(cartesian3);
// 多个坐标
let cartographics = Cesium.Ellipsoid.WGS84.cartesianArrayToCartographic(cartesain3Array);
2 、Cartesian2屏幕坐标与Cartesian3世界坐标互换
2.1 Cartesian2转椭球面迪卡尔坐标,不包含地形、模型等的坐标
Cesium中的Camera
提供了pickEllipsoid
方法:
let cartesain3 = viewer.scene.camera.pickEllipsoid(cartesian2);
2.2 Cartesian2转场景坐标,包含地形和模型等的坐标
使用Scene
类中的pickPosition
方法实现。
let cartesian3 = viewer.scene.pickPosition(cartesian2);
2.3 Cartesian2转地表笛卡尔空间坐标
通过相机与屏幕点位连线来求取坐标。使用Scene
类中globe
属性中的pick
方法:
let ray = viewer.camera.getPickRay(cartesian2);
let cartesian3 = viewer.scene.globe.pick(ray,viewer.scene);
2.4 Cartesian3转Cartesian2
let cartesian2 = Cesium.SceneTransforms.wgs84ToWindowCoordinates(viewer.scene,cartesian3);
3、角度经纬度与弧度经纬度互换
经纬度转弧度:
Cesium.CesiumMath.toRadians(degrees)
弧度转经纬度:
Cesium.CesiumMath.toDegrees(radians)