feat(map): 调整相机操作优化视角切换

- 左键拖动:旋转地图。
- 右键拖动:调整相机俯仰角,可从平面俯视切换到立体观察角度。
- 中键拖动:保留俯仰操作。
- 滚轮:缩放。
- 触摸双指:保留缩放和俯仰。
master
LiuJiaNan 2026-07-15 11:17:34 +08:00
parent 620d33e043
commit 30d17a21b0
1 changed files with 12 additions and 0 deletions

View File

@ -94,6 +94,18 @@ export default function useInitMap() {
show: true, show: true,
}), }),
}); });
// 调整 Cesium 默认相机操作:左键旋转地图,右键调整俯仰角,实现从平面俯视到立体视角的切换。
const cameraController = getViewer().scene.screenSpaceCameraController;
cameraController.rotateEventTypes = Cesium.CameraEventType.LEFT_DRAG;
cameraController.tiltEventTypes = [
Cesium.CameraEventType.RIGHT_DRAG,
Cesium.CameraEventType.MIDDLE_DRAG,
Cesium.CameraEventType.PINCH,
];
cameraController.zoomEventTypes = [
Cesium.CameraEventType.WHEEL,
Cesium.CameraEventType.PINCH,
];
getViewer()._cesiumWidget._creditContainer.style.display = "none"; // 隐藏cesium ion getViewer()._cesiumWidget._creditContainer.style.display = "none"; // 隐藏cesium ion
getViewer().imageryLayers.addImageryProvider( getViewer().imageryLayers.addImageryProvider(
new Cesium.WebMapTileServiceImageryProvider({ new Cesium.WebMapTileServiceImageryProvider({