perf: 优化平滑缩放,移除默认entity点击事件。

master
cbwu 12 months ago
parent 79186e1192
commit 8ddcfd310d

@ -13,6 +13,7 @@
</style> </style>
<!-- 天地图三维地形服务接入 --> <!-- 天地图三维地形服务接入 -->
<script <script
type="text/javascript"
cesium="true" cesium="true"
src="node_modules/cesium/Build/Cesium/Cesium.js" src="node_modules/cesium/Build/Cesium/Cesium.js"
></script> ></script>
@ -41,11 +42,6 @@
cesium="true" cesium="true"
src="https://api.tianditu.gov.cn/cdn/plugins/cesium/protobuf.min.js" src="https://api.tianditu.gov.cn/cdn/plugins/cesium/protobuf.min.js"
></script> ></script>
<!-- <link
rel="stylesheet"
cesium="true"
href="https://api.tianditu.gov.cn/cdn/demo/sanwei/static/cesium/Widgets/widgets.css"
/> -->
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

@ -17,6 +17,7 @@ import { initViewer, perfViewer } from '@/utils/map/sceneViewer'
import { flyToChina } from '@/utils/map/camera' import { flyToChina } from '@/utils/map/camera'
const viewerDivRef = ref<HTMLDivElement>() const viewerDivRef = ref<HTMLDivElement>()
let viewer: Viewer let viewer: Viewer
window.CESIUM_BASE_URL = 'node_modules/cesium/Build/Cesium/' window.CESIUM_BASE_URL = 'node_modules/cesium/Build/Cesium/'
// window.CESIUM_BASE_URL = 'libs/cesium/' // // window.CESIUM_BASE_URL = 'libs/cesium/' //

@ -1,3 +1,10 @@
/*
* @Author: cbwu 504-wuchengbo@htsdfp.com
* @Date: 2024-03-13 09:32:21
* @LastEditors: cbwu
* @LastEditTime: 2024-03-26 13:27:27
* @Description:
*/
// Viewer初始化 // Viewer初始化
import { import {
Viewer, Viewer,
@ -44,9 +51,18 @@ function initViewer(container: string | Element): Viewer {
creditContainer.style.display = 'none' creditContainer.style.display = 'none'
// 水雾特效 // 水雾特效
viewer.scene.globe.showGroundAtmosphere = true viewer.scene.globe.showGroundAtmosphere = true
// 设置更高的缩放惯性以使缩放操作更平滑
viewer.scene.screenSpaceCameraController.inertiaZoom = 0.9
// 限制相机缩放 // 限制相机缩放
viewer.scene.screenSpaceCameraController.minimumZoomDistance = 200 //相机的高度的最小值 viewer.scene.screenSpaceCameraController.minimumZoomDistance = 200 //相机的高度的最小值
viewer.scene.screenSpaceCameraController.maximumZoomDistance = 20000000 //相机高度的最大值 viewer.scene.screenSpaceCameraController.maximumZoomDistance = 20000000 //相机高度的最大值
// 去掉entity的点击事件双击、单击
viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(
Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK,
)
viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(
Cesium.ScreenSpaceEventType.LEFT_CLICK,
)
return viewer return viewer
} }

Loading…
Cancel
Save