cesium拾取模型

### 实现倾斜摄影模型上实体的拾取 为了实现在 Cesium 中对倾斜摄影模型上的实体进行拾取操作，需要注意不同类型的对象（如地形、模型、倾斜摄影表面）有不同的处理方式。对于倾斜摄影模型而言，由于其具有高度信息和其他复杂属性，简单的地球表面坐标拾取方法无法满足需求。 当尝试获取倾斜摄影表面上的位置时，如果仅依赖于 `viewer.scene.globe.pick(ray, scene)` 方法，则只会返回与球体相交的地表坐标点，而不涉及任何附加的高度或其他特征信息[^2]。因此，在这种情况下，应该采用更精确的方法来确保能够准确捕捉到倾斜摄影模型的具体位置。 一种有效的方式是在创建场景时加载倾斜摄影数据作为3D Tiles图层，并利用`scene.pickPositionSupported` 和 `scene.pickPosition` API 来执行更加精准的空间查询： ```javascript if (Cesium.defined(scene.pickPositionSupported)) { const ray = viewer.camera.getPickRay(mouseEvent.position); const earthPositionCartesian = scene.pickPosition(ray); if (Cesium.defined(earthPositionCartesian)) { let cartographic = Cesium.Cartographic.fromCartesian(earthPositionCartesian); console.log('纬度:', Cesium.Math.toDegrees(cartographic.latitude)); console.log('经度:', Cesium.Math.toDegrees(cartographic.longitude)); console.log('海拔:', cartographic.height); // 海拔可能不是绝对值，取决于使用的坐标系 } } ``` 上述代码片段展示了如何基于鼠标的交互事件计算射线并调用 `pickPosition()` 函数得到世界空间中的三维坐标。这使得即使面对复杂的几何结构也能获得较为准确的结果。 然而值得注意的是，这种方法仍然可能存在一定的局限性，特别是在涉及到非常精细或特殊的地理要素时。在这种情形下，关闭深度测试可能是必要的措施之一，以便减少因渲染顺序等因素引起的误差[^1]。

### Cesium 中实现地理坐标和空间位置拾取的方法 在 Cesium 中，可以通过多种方式来拾取地理坐标以及三维场景中的空间位置。以下是几种常见的实现方法及其原理： #### 方法一：通过 `ScreenSpaceEventHandler` 和 `getPickRay()` 获取交点 可以利用鼠标事件监听器 `ScreenSpaceEventHandler` 来捕获用户的交互行为（如左键单击），并通过 `camera.getPickRay()` 将屏幕上的二维像素坐标转换为三维射线（Ray）。接着使用 `globe.pick()` 计算该射线与地球表面的交点。 具体代码如下： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function (event) { var ray = viewer.camera.getPickRay(event.position); var cartesian = viewer.scene.globe.pick(ray, viewer.scene); if (cartesian) { // 笛卡尔坐标转经纬度 var cartographic = Cesium.Cartesian3.toCartographic(cartesian); var longitude = Cesium.Math.toDegrees(cartographic.longitude); // 经度 var latitude = Cesium.Math.toDegrees(cartographic.latitude); // 纬度 var height = cartographic.height; // 高程 console.log(`经度: ${longitude}, 纬度: ${latitude}, 高程: ${height}`); } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); ``` 上述代码实现了从屏幕坐标到三维笛卡尔坐标的映射，并进一步将其转化为地理坐标系下的经纬度值[^1]。 --- #### 方法二：直接使用 `viewer.scene.pickPosition` 对于更简单的应用场景，可以直接调用 `pickPosition` 函数完成相同功能。需要注意的是，在某些情况下可能需要启用实验性的扩展支持。 示例代码如下： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); // 启用 pickPosition 功能 if (!Cesium.defined(Cesium.SceneTransforms.wgs84ToWindowCoordinates)) { throw '当前浏览器不支持 pickPosition'; } var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function (event) { var earthPosition = viewer.scene.pickPosition(event.position); if (earthPosition) { var cartographic = Cesium.Cartesian3.toCartographic(earthPosition); var longitude = Cesium.Math.toDegrees(cartographic.longitude); var latitude = Cesium.Math.toDegrees(cartographic.latitude); var height = cartographic.height; console.log(`经度: ${longitude}, 纬度: ${latitude}, 高程: ${height}`); } else { console.log('未检测到有效的位置'); } }, Cesium.ScreenSpaceEventType.LEFT_CLICK); ``` 这种方法相比前一种更加简洁明了，但在处理复杂几何体时可能会存在一定的局限性[^2]。 --- #### 方法三：基于椭球模型计算最近距离 如果仅需快速估算某一点相对于地球中心的距离而无需考虑地形起伏，则可采用 `camera.pickEllipsoid()` 方便地获得近似解。 样例如下所示： ```javascript var viewer = new Cesium.Viewer('cesiumContainer'); var ellipsoid = viewer.scene.globe.ellipsoid; var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas); handler.setInputAction(function (movement) { var windowPosition = movement.endPosition; var earthPosition = viewer.scene.camera.pickEllipsoid(windowPosition, ellipsoid); if (Cesium.defined(earthPosition)) { var cartographic = Cesium.Cartesian3.toCartographic(earthPosition); var lon = Cesium.Math.toDegrees(cartographic.longitude); var lat = Cesium.Math.toDegrees(cartographic.latitude); console.log(`纬度=${lat.toFixed(7)}, 经度=${lon.toFixed(7)}`); } }, Cesium.ScreenSpaceEventType.MOUSE_MOVE); ``` 此方案适用于实时反馈用户操作需求场合，比如拖拽标记物或者绘制路径等功能开发过程中非常实用[^3]。 --- ### 坐标变换注意事项 当涉及到不同类型的坐标系统之间的互相转化时，请务必注意单位一致性问题；另外还需留意是否存在特殊边界条件影响最终结果准确性等问题。