cesium查看模型时相机陷入地面卡死

???这个问题是个大问题啊,好几个版本了也没正式解决。我也试了各种API没有一个好用的。最后求助google,不过各位大佬写的也是,按住鼠标中键拖动最后还是会陷入地面,不过不会卡死了,这里我试了各种方案,下面推荐一个我个人认为效果最好,最好用的。

   // $cesiumViewer 是定义的viewer对象的全局变量
    let canvas = $cesiumViewer.canvas
    let camera = $cesiumViewer.camera
    let scene = $cesiumViewer.scene
    scene.screenSpaceCameraController.minimumZoomDistance = 50 // 距离地形的距离?这个值可以多测试几个值,,我这不太好描述
    $cesiumViewer.clock.onTick.addEventListener(function () {
      setMinCamera()
    })
    var setMinCamera = function () {
      if (camera.pitch > 0) {
        scene.screenSpaceCameraController.enableTilt = false
      }
    }
    var startMousePosition
    var mousePosition
    var handler = new Cesium.ScreenSpaceEventHandler(canvas)
    handler.setInputAction(function (movement) {
      mousePosition = startMousePosition = Cesium.Cartesian3.clone(movement.position)
      handler.setInputAction(function (movement) {
        mousePosition = movement.endPosition
        var y = mousePosition.y - startMousePosition.y
        if (y > 0) {
          scene.screenSpaceCameraController.enableTilt = true
        }
      }, Cesium.ScreenSpaceEventType.MOUSE_MOVE)
    }, Cesium.ScreenSpaceEventType.MIDDLE_DOWN)
 ———————————————— 
版权声明:本文为CSDN博主「低配玩家李三丧」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/li11122212/article/details/93167685

### Cesium 相机陷入地下卡死问题解决方案 当相机位置低于地形表面,可能会发生相机被卡住的情况。为了防止这种情况的发生,可以启用碰撞检测功能来调整相机高度。 在 Cesium 中可以通过设置 `scene.screenSpaceCameraController.enableCollisionDetection` 属性为 true 来开启碰撞检测[^1]: ```javascript viewer.scene.screenSpaceCameraController.enableCollisionDetection = true; ``` 另外一种方法是在每次更新场景之前手动检查当前相机的高度,并确保其不低于设定的安全距离。如果发现相机过低,则将其提升到安全高度之上[^2]: ```javascript const minHeightAboveGround = 10; // 安全最小高度, 单位米 function ensureCameraAboveTerrain() { const cartographicPosition = Cesium.Cartographic.fromCartesian( viewer.camera.positionWC ); if (cartographicPosition.height < minHeightAboveGround) { const adjustedHeight = Math.max(cartographicPosition.height, minHeightAboveGround); const newPosition = Cesium.Cartesian3.fromDegrees( Cesium.Math.toDegrees(cartographicPosition.longitude), Cesium.Math.toDegrees(cartographicPosition.latitude), adjustedHeight, viewer.scene.globe.ellipsoid ); viewer.camera.setView({ destination: newPosition }); } } // 将此函数绑定至预渲染事件处理程序中 viewer.scene.preRender.addEventListener(ensureCameraAboveTerrain); ``` 通过上述两种方式之一即可有效避免Cesium相机会因误操作或其他原因而陷入地面以下并造成卡顿现象。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值