From 30d17a21b0d45d9d127830ed0ef9337a4e2301b5 Mon Sep 17 00:00:00 2001 From: LiuJiaNan <15703339975@163.com> Date: Wed, 15 Jul 2026 11:17:34 +0800 Subject: [PATCH] =?UTF-8?q?feat(map):=20=E8=B0=83=E6=95=B4=E7=9B=B8?= =?UTF-8?q?=E6=9C=BA=E6=93=8D=E4=BD=9C=E4=BC=98=E5=8C=96=E8=A7=86=E8=A7=92?= =?UTF-8?q?=E5=88=87=E6=8D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 左键拖动:旋转地图。 - 右键拖动:调整相机俯仰角,可从平面俯视切换到立体观察角度。 - 中键拖动:保留俯仰操作。 - 滚轮:缩放。 - 触摸双指:保留缩放和俯仰。 --- src/pages/Container/Map/js/initMap.js | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/pages/Container/Map/js/initMap.js b/src/pages/Container/Map/js/initMap.js index 3daad88..9015778 100644 --- a/src/pages/Container/Map/js/initMap.js +++ b/src/pages/Container/Map/js/initMap.js @@ -94,6 +94,18 @@ export default function useInitMap() { 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().imageryLayers.addImageryProvider( new Cesium.WebMapTileServiceImageryProvider({