cesium 地形未加载完成前地形下钻问题解决

cesium 地形未加载完成前地形下钻问题解决

问题描述

在设置了scene.screenSpaceCameraController.minimumZoomDistance=100;之后，在地形还在加载的过程中旋转地球，依然会出现上述问题。

解决方案

• 监控相机的pitch值
• pitch>0的时候就禁止地球旋转事件
• 监控鼠标滚轮按下的鼠标移动事件
• 当鼠标朝下移的时候就允许地球旋转

##具体代码

//初始化地球
var viewer = new Cesium.Viewer('mapContainer',{
        infoBox: false,
        selectionIndicator: false,
        shadows: true,
        shouldAnimate: true,
        animation: false, //动画控制不显示
        baseLayerPicker: false, //图层控制显示
        geocoder: false, //地名查找不显示
        timeline: false, //时间线不显示
        sceneModePicker: false, //投影方式显示
        sceen3DOnly: true,
        fullscreenButton: false,
        homeButton: false,
        navigationHelpButton: false,
        imageryProvider:  new Cesium.UrlTemplateImageryProvider({url:url}),
        terrainProvider : new Cesium.CesiumTerrainProvider({
            url : 'http://**.**.***.***:***/tilesets/40'
        })

    });

	//相机的pitch值大于0则禁止球旋转操作
	var scene = viewer.scene;
    var canvas = viewer.canvas;
    var camera = viewer.camera;
    scene.screenSpaceCameraController.minimumZoomDistance=100;
	viewer.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);
  

至此相机操作不会再进入地下，出现格网。