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