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

这篇具有很好参考价值的文章主要介绍了Cesium修改原始鼠标视图操作, 右键按住改变视角, 滚轮滚动进行zoom改变。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

主要使用API为 screenSpaceCameraController文章来源地址https://www.toymoban.com/news/detail-535681.html

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
}