vue + cesium初始化地圖 + 鼠標經過地圖(點、線等其他實體)樣式
export function initMap(mapViewer) {Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI0OTUzOGJhMy1iNzVjLTQwZjItYWYyNy03YjA4MjM0YWE2MWMiLCJpZCI6OTYwNDksImlhdCI6MTY1NDEzMTI3MH0.PfjYnGe-B8P3jVpaP-DrToNFT5CM1-Ukbn1VWA4wFAY";let viewer = new Cesium.Viewer("cesium-con", mapViewer);window.viewer = viewer;//抗鋸齒if (Cesium.FeatureDetection.supportsImageRenderingPixelated()) {//判斷是否支持圖像渲染像素化處理viewer.resolutionScale = window.devicePixelRatio;}viewer.scene.fxaa = true;viewer.scene.postProcessStages.fxaa.enabled = true;viewer.scene.globe.depthTestAgainstTerrain = false;// viewer.scene.globe.depthTestAgainstTerrain = true;viewer._cesiumWidget._creditContainer.style.display = "none"; // 去掉版權信息viewer.scene.skyBox.show = false; //隱藏天空盒viewer.scene.backgroundColor = new Cesium.Color(0.0, 0.0, 0.0, 0.0); //設置背景透明viewer.scene.skyAtmosphere.show = false; //隱藏大氣圈viewer.scene.sun.show = false; //隱藏太陽viewer.scene.moon.show = false; //隱藏月亮// viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(// Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK// ); // 取消雙擊// 初始化動畫// viewer.camera.setView({// destination: Cesium.Cartesian3.fromDegrees(0, 0, 15000000),// orientation: {// heading: 0.2079384332084935,// roll: 0.00031509431759868534,// pitch: -1.0// },// duration: 3// });// viewer.imageryLayers.get(0).alpha = 0.01// viewer.scene.globe.baseColor = Cesium.Color.fromCssColorString('#05285cb3')// viewer._container.style.cursor = 'crosshair'viewer.scene.screenSpaceCameraController.minimumZoomDistance = 650;//相機的高度的最小值viewer.scene.screenSpaceCameraController.maximumZoomDistance = 22000000; //相機高度的最大值infoToolPop = new InfoTool(viewer);const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas) // event事件處理程序handler.setInputAction((e) => {const currentMoveObj = viewer.scene.pick(e.endPosition)if (currentMoveObj) {// 鼠標滑過模型viewer.enableCursorStyle = falseviewer._element.style.cursor = ''document.documentElement.style.cursor = 'pointer'// document.body.classList.add('draw-cursor') // 設置為自定義的圖標} else {// 鼠標滑過場景viewer.enableCursorStyle = truedocument.documentElement.style.cursor = ''// document.body.classList.remove('draw-cursor')}}, Cesium.ScreenSpaceEventType.MOUSE_MOVE)return viewer
}