Cesium 坐标转换(各坐标/角度弧度互相转换)

一、坐标名称

  1. 平面坐标系(Cartesian2)
  2. 世界坐标系(Cartesian3)
  3. 经纬度(地理坐标系)
  4. 弧度(Cartographic)

二、坐标系转换

1. 屏幕坐标转经纬度

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);

//鼠标左键点击
handler.setInputAction((event) => {
	// event.position 是鼠标获取的屏幕坐标,也就是2D笛卡尔点(Cartesian2)
	// 屏幕坐标转为世界坐标
	let cartesian = viewer.scene.globe.pick(viewer.camera.getPickRay(event.position), viewer.scene);
	// 世界坐标转换为弧度
	let ellipsoid = viewer.scene.globe.ellipsoid;
	let cartographic = ellipsoid.cartesianToCartographic(cartesian);
	// 弧度转换为经纬度
	let lon = Cesium.Math.toDegrees(cartographic.longitude);  // 经度
	let lat = Cesium.Math.toDegrees(cartographic.latitude);   // 纬度
	
	console.log("点击的的经纬度坐标是:", {
		"经度:": lon,
		"纬度:": lat
	});
  
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

2. 经纬度转换为世界坐标

Cesium.Cartesian3.fromDegrees('经度', '纬度', '高')

3. 世界坐标转换为经纬度
cartesian 为世界坐标

// 世界坐标转换为弧度
let ellipsoid = gvEarth.scene.globe.ellipsoid;
let cartographic = ellipsoid.cartesianToCartographic(cartesian);

// 弧度转换为经纬度
let lon = Cesium.Math.toDegrees(cartographic.longitude);  // 经度
let lat = Cesium.Math.toDegrees(cartographic.latitude);   // 纬度
let alt = cartographic.height;	// 高度

4. 屏幕坐标转世界坐标
event.position 是屏幕坐标

// 
let cartesian = gvEarth.scene.globe.pick(gvEarth.camera.getPickRay(event.position), viewer.scene);

5. 世界坐标转屏幕坐标
cartesian3 是世界坐标

Cartesian = Cesium.SceneTransforms.wgs84ToWindowCoordinates(viewer.scene, cartesian3); 
let lon = Cartesian.x;	// 经度
let lat = Cartesian.y;	// 纬度

6. 角度转为弧度

弧度值 = Cesium.Math.toRadians(角度值);

7. 弧度转为角度

角度值 = Cesium.Math.toDegrees(弧度值);
  • 8
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值