Cesium修改原始鼠标视图操作, 右键按住改变视角, 滚轮滚动进行zoom改变

Cesium修改原始鼠标视图操作, 右键按住改变视角, 滚轮滚动进行zoom改变

主要使用API为 screenSpaceCameraController

const Cesium = window.Cesium

const viewer = new Cesium.Viewer(container, {
	  animation: false, // 左下角的轮盘显示
	  sceneMode: Cesium.SceneMode.COLUMBUS_VIEW, // 初始场景模式
	  timeline: false, // 如果设置为false，则不会创建Timeline部件。
	  selectionIndicator: false, // 如果设置为false，则不会创建SelectionIndicator部件。
	  infoBox: false, // 如果设置为false，则不会创建InfoBox部件。
	  homeButton: false,
	  baseLayerPicker: false,
	  fullscreenButton: false,
	  shadows: true,
	  /** 右上角的三个按钮隐藏 */
	  geocoder: false, // 搜索
	  sceneModePicker: false, // 切换显示层级
	  navigationHelpButton: false // 帮助按钮
	  /** 右上角的三个按钮隐藏 */
})
handleMouse()
function handleMouse() {
	const { scene } = viewer
    // 设置鼠标滚轮进行视图 zoom 变化
    scene.screenSpaceCameraController.zoomEventTypes = [
      Cesium.CameraEventType.WHEEL
    ]
    // 设置鼠标右键拖动地图, 允许用户在3D和2.5D模式下倾斜，或者在2D模式下旋转的输入
    scene.screenSpaceCameraController.tiltEventTypes = [
      Cesium.CameraEventType.RIGHT_DRAG
    ]
    scene.screenSpaceCameraController.minimumZoomDistance = 0.8
}