|  |  |  | @ -4,48 +4,40 @@ | 
		
	
		
			
				|  |  |  |  |   创建人:Zhaipeixiu | 
		
	
		
			
				|  |  |  |  | --> | 
		
	
		
			
				|  |  |  |  | <script setup lang="ts"> | 
		
	
		
			
				|  |  |  |  | import { DecimalDegree2DMS_Point} from '@/utils/map/coordinate.ts' | 
		
	
		
			
				|  |  |  |  | import { Angle } from '@/utils/map/angle.ts' | 
		
	
		
			
				|  |  |  |  | import {ScreenSpaceEventHandler, Math, ScreenSpaceEventType} from 'cesium' | 
		
	
		
			
				|  |  |  |  | import {coordPoint} from "@/utils/map/geometry.ts"; | 
		
	
		
			
				|  |  |  |  | import {onMounted, ref} from "vue"; | 
		
	
		
			
				|  |  |  |  | let nowLatStr: string, nowLonStr: string | 
		
	
		
			
				|  |  |  |  | let lonlatStr = ref('') | 
		
	
		
			
				|  |  |  |  | let isDecimal = ref(true) | 
		
	
		
			
				|  |  |  |  | 
 | 
		
	
		
			
				|  |  |  |  | let coord_dms : coordPoint = { | 
		
	
		
			
				|  |  |  |  |   lon: '', | 
		
	
		
			
				|  |  |  |  |   lat: '' | 
		
	
		
			
				|  |  |  |  | } | 
		
	
		
			
				|  |  |  |  | onMounted(()=>{ | 
		
	
		
			
				|  |  |  |  |   let _viewer = window.Viewer | 
		
	
		
			
				|  |  |  |  |   let _viewer = window.viewer | 
		
	
		
			
				|  |  |  |  |   let canvas =  _viewer.scene.canvas | 
		
	
		
			
				|  |  |  |  |   let handler = new ScreenSpaceEventHandler(canvas) | 
		
	
		
			
				|  |  |  |  |   handler.setInputAction((e:any)=> { | 
		
	
		
			
				|  |  |  |  |     //捕获椭球体,将笛卡尔二维平面坐标转为椭球体的笛卡尔三维坐标,返回球体表面的点 | 
		
	
		
			
				|  |  |  |  |     let position: any = _viewer.scene.pickPosition(e.endPosition) | 
		
	
		
			
				|  |  |  |  |     if (!position) { | 
		
	
		
			
				|  |  |  |  |       position = _viewer.scene.camera.pickEllipsoid( | 
		
	
		
			
				|  |  |  |  |           e.startPosition, | 
		
	
		
			
				|  |  |  |  |           _viewer.scene.globe.ellipsoid); | 
		
	
		
			
				|  |  |  |  |       position = _viewer.scene.camera.pickEllipsoid(e.startPosition, _viewer.scene.globe.ellipsoid) | 
		
	
		
			
				|  |  |  |  |     } | 
		
	
		
			
				|  |  |  |  |     if (position) { | 
		
	
		
			
				|  |  |  |  |       //将笛卡尔三维坐标转为地图坐标(弧度) | 
		
	
		
			
				|  |  |  |  |       let cartographic =  _viewer.scene.globe.ellipsoid.cartesianToCartographic(position); | 
		
	
		
			
				|  |  |  |  |       try{ | 
		
	
		
			
				|  |  |  |  |         // 将地图坐标(弧度)转为十进制的度数 | 
		
	
		
			
				|  |  |  |  |         nowLatStr = Math.toDegrees(cartographic.latitude).toFixed(3) // 纬度 | 
		
	
		
			
				|  |  |  |  |         nowLonStr = Math.toDegrees(cartographic.longitude).toFixed(3) // 经度 | 
		
	
		
			
				|  |  |  |  |         nowLatStr = Math.toDegrees(cartographic.latitude).toFixed(7) // 纬度 | 
		
	
		
			
				|  |  |  |  |         nowLonStr = Math.toDegrees(cartographic.longitude).toFixed(7) // 经度 | 
		
	
		
			
				|  |  |  |  |         let camera_alt = (_viewer.camera.positionCartographic.height / 1000) // 视高 | 
		
	
		
			
				|  |  |  |  |         // 相机低于250、俯仰角小于-80度时才计算海拔高度(否则误差大) | 
		
	
		
			
				|  |  |  |  |         let needElevation: boolean = camera_alt < 250 && (_viewer.camera.pitch < -(Math.PI/180)*80) | 
		
	
		
			
				|  |  |  |  |         let elevStr = needElevation? _viewer.scene.globe.getHeight(cartographic)?.toFixed(2)?? '-' : '-' // 海拔 | 
		
	
		
			
				|  |  |  |  |         let elevStr = needElevation? _viewer.scene.globe.getHeight(cartographic)?.toFixed(2)?? '' : '' // 海拔 | 
		
	
		
			
				|  |  |  |  | 
 | 
		
	
		
			
				|  |  |  |  |         if(isDecimal.value) {   //如果是十进制度 | 
		
	
		
			
				|  |  |  |  |           lonlatStr.value = `经度:${nowLonStr} , 纬度:${nowLatStr} , 海拔:${elevStr} + m` | 
		
	
		
			
				|  |  |  |  |           lonlatStr.value = `经度:${nowLonStr} , 纬度:${nowLatStr} , 海拔(m):${elevStr}` | 
		
	
		
			
				|  |  |  |  |         } | 
		
	
		
			
				|  |  |  |  |         else { | 
		
	
		
			
				|  |  |  |  |           coord_dms = DecimalDegree2DMS_Point(Number(nowLonStr), Number(nowLatStr)) | 
		
	
		
			
				|  |  |  |  |           lonlatStr.value = `经度:${coord_dms.lon} , 纬度:${coord_dms.lat} , 海拔:${elevStr} + m` | 
		
	
		
			
				|  |  |  |  |           lonlatStr.value = `经度:${Angle.DecimalDegree2DMS(nowLonStr)} , 纬度:${Angle.DecimalDegree2DMS(nowLatStr)} , 海拔(m):${elevStr}` | 
		
	
		
			
				|  |  |  |  |         } | 
		
	
		
			
				|  |  |  |  |       } catch (e) {} | 
		
	
		
			
				|  |  |  |  |     } | 
		
	
	
		
			
				
					|  |  |  | @ -55,11 +47,10 @@ onMounted(()=>{ | 
		
	
		
			
				|  |  |  |  | function lonlatClick() { | 
		
	
		
			
				|  |  |  |  |   let elevStr = lonlatStr.value.split('海拔')[1] | 
		
	
		
			
				|  |  |  |  |   if(isDecimal.value){ | 
		
	
		
			
				|  |  |  |  |     coord_dms = DecimalDegree2DMS_Point(Number(nowLonStr), Number(nowLatStr)) | 
		
	
		
			
				|  |  |  |  |     lonlatStr.value = `经度:${coord_dms.lon} , 纬度:${coord_dms.lat} , 海拔` + elevStr | 
		
	
		
			
				|  |  |  |  |     lonlatStr.value = `经度:${Angle.DecimalDegree2DMS(nowLonStr)} , 纬度:${Angle.DecimalDegree2DMS(nowLatStr)} , 海拔(m)` + elevStr | 
		
	
		
			
				|  |  |  |  |   } | 
		
	
		
			
				|  |  |  |  |   else { | 
		
	
		
			
				|  |  |  |  |     lonlatStr.value = `经度:${nowLonStr} , 纬度:${nowLatStr} , 海拔` + elevStr | 
		
	
		
			
				|  |  |  |  |     lonlatStr.value = `经度:${nowLonStr} , 纬度:${nowLatStr} , 海拔(m)` + elevStr | 
		
	
		
			
				|  |  |  |  |   } | 
		
	
		
			
				|  |  |  |  |   isDecimal.value = !isDecimal.value | 
		
	
		
			
				|  |  |  |  | } | 
		
	
	
		
			
				
					|  |  |  | 
 |