Cesium2D模式下绘制问题

最新推荐文章于 2025-04-23 10:20:25 发布

大名人儿

最新推荐文章于 2025-04-23 10:20:25 发布

阅读量1.2k

点赞数 2

分类专栏： cesium 文章标签： cesium 2D绘制 getPickRay

本文链接：https://blog.youkuaiyun.com/baidu_41564215/article/details/129304528

版权

cesium 专栏收录该内容

6 篇文章

订阅专栏

文章讲述了在Cesium中遇到的在2D模式下无法使用pickPosition获取笛卡尔坐标的问题，并提供了解决方案，即改用getPickRay方法结合globe.pick来准确获取地形上的坐标，不受地形深度检测设置影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、问题：切换到2D模式时无法在地图上绘制了

handler = new Cesium.ScreenSpaceEventHandler(view.scene.canvas)
handler.setInputAction(function(movement) {
   let position = viewer.scene.pickPosition(movement.position) // 注意这里
   ......
},Cesium.ScreenSpaceEventType.LEFT_CLICK)

viewer.scene.pickPosition 无法获取2D模式下的笛卡尔坐标
（额外小知识：viewer.scene.pickPosition需要开启“地形深度检测”来解决在没有3dTile模型下的笛卡尔座标不准问题）

二、解决：

handler = new Cesium.ScreenSpaceEventHandler(view.scene.canvas)
handler.setInputAction(function(movement) {
   let ray = viewer.camera.getPickRay(movement.position) // camera发射线与地形的求交
   let earthPosition = viewer.scene.globe.pick(ray, viewer.scene) // 获取当前点击坐标
   ......
},Cesium.ScreenSpaceEventType.LEFT_CLICK)