cesium二维坐标转换

### Cesium 中二维坐标的转换方法 在 Cesium 中，二维坐标的转换通常涉及到屏幕坐标与地球表面的笛卡尔坐标之间的相互转化。以下是具体的实现方式以及相关说明。 #### 屏幕坐标转 Cesium 笛卡尔坐标 通过 `Camera` 对象的 `pickEllipsoid` 方法可以完成这一过程。该方法基于当前摄像机的位置和方向，计算屏幕上某一点对应的地球表面上的三维位置[^1]。 ```javascript // 获取Cesium相机对象 var camera = viewer.camera; // 定义一个屏幕坐标 (假设 x 和 y 是鼠标点击位置) var screenPosition = new Cesium.Cartesian2(x, y); // 地球椭球体模型 var ellipsoid = viewer.scene.globe.ellipsoid; // 将屏幕坐标转换为Cesium笛卡尔坐标 var cartesian = camera.pickEllipsoid(screenPosition, ellipsoid); if (cartesian) { console.log('Cesium笛卡尔坐标：', cartesian.x, cartesian.y, cartesian.z); } else { console.log('无法找到对应的地表点'); } ``` 上述代码展示了如何将屏幕上的二维像素坐标 `(x, y)` 映射到地球表面的一个三维空间点上。如果返回值为空，则表示该屏幕坐标未映射到任何地表区域。 --- #### 经纬度转世界坐标 对于已知的经纬度数据，可以通过 Cesium 提供的功能将其转化为世界坐标系下的三维向量。具体步骤如下： ```javascript // 已知经纬度 (longitude, latitude)，单位为弧度制 var longitude = Cesium.Math.toRadians(longitudeDegrees); var latitude = Cesium.Math.toRadians(latitudeDegrees); // 高程，默认为0米 var height = 0; // 计算对应的Cartesian3坐标 var earthCenteredEarthFixed = Cesium.Ellipsoid.WGS84.cartographicToCartesian( new Cesium.Cartographic(longitude, latitude, height) ); console.log('世界坐标:', earthCenteredEarthFixed.x, earthCenteredEarthFixed.y, earthCenteredEarthFixed.z); ``` 此部分利用了 `Cesium.Ellipsoid.WGS84.cartographicToCartesian` 函数来执行从地理坐标（经度、纬度、高度）到笛卡尔坐标的空间变换[^3]。 --- #### 动态加载二维点注记 当需要在三维场景中动态显示二维点注记时，除了基本的坐标转换外，还需要考虑高程采样等问题以确保标注精确无误[^2]。以下是一个简单的例子用于创建标记点并绑定其属性信息： ```javascript function addPoint(viewer, lon, lat, textLabel) { var position = Cesium.Cartesian3.fromDegrees(lon, lat); viewer.entities.add({ position: position, label: { text: textLabel || '默认标签', font: '14px sans-serif', fillColor: Cesium.Color.BLACK, outlineColor: Cesium.Color.WHITE, outlineWidth: 2, verticalOrigin: Cesium.VerticalOrigin.BOTTOM } }); } addPoint(viewer, -75.59777, 40.03883, '测试点'); // 添加一个带有文字描述的点 viewer.zoomTo(viewer.entities); // 自动缩放到实体范围 ``` 以上脚本定义了一个函数 `addPoint` 来简化新点位的添加逻辑，并支持自定义文本作为标注内容。 --- ### 总结 - **屏幕坐标至笛卡尔坐标** 的核心在于调用 `camera.pickEllipsoid` 方法。 - **经纬度转世界坐标** 则依赖于 `Cesium.Ellipsoid.WGS84.cartographicToCartesian` 实现。 - 若需进一步增强功能，比如动态加载带样式或交互效果的二维点注记，则应综合运用前述技术手段。 ---