update：添加测站坐标系案例

src/examples/CodeMap.js

@@ -13,6 +13,7 @@ import vueCodeFog from '@/examples/weather/fog/fog.vue?raw'
 import vueCodeWaterSurface from '@/examples/weather/waterSurface/waterSurface.vue?raw'
 
 import vueCodeAddStation from '@/examples/measureStation/addStation/addStation.vue?raw'
+import vueCodeStationCoordinate from '@/examples/measureStation/stationCoordinate/stationCoordinate.vue?raw'
 
 import vueCodeAircraft from '@/examples/movingTarget/aircraft/aircraft.vue?raw'
 import vueCodeRocket from '@/examples/movingTarget/rocket/rocket.vue?raw'
@@ -32,6 +33,7 @@ const vueCodeMap = {
     水面: vueCodeWaterSurface,
 
     添加测站: vueCodeAddStation,
+    测站坐标系: vueCodeStationCoordinate,
 
     飞机: vueCodeAircraft,
     火箭发射: vueCodeRocket

src/examples/FunctionMap.js

@@ -13,6 +13,7 @@ import functionCodeFog from '@/examples/weather/fog/fog-function.js?raw'
 import functionCodeWaterSurface from '@/examples/weather/waterSurface/waterSurface-function.js?raw'
 
 import functionCodeAddStation from '@/examples/measureStation/addStation/addStation-function.js?raw'
+import functionCodeStationCoordinate from '@/examples/measureStation/stationCoordinate/stationCoordinate-function.js?raw'
 
 import functionCodeAircraft from '@/examples/movingTarget/aircraft/aircraft-function.js?raw'
 import functionCodeRocket from '@/examples/movingTarget/rocket/rocket-function.js?raw'
@@ -32,6 +33,7 @@ const functionCodeMap = {
     水面: functionCodeWaterSurface,
 
     添加测站: functionCodeAddStation,
+    测站坐标系: functionCodeStationCoordinate,
 
     飞机: functionCodeAircraft,
     火箭发射: functionCodeRocket

src/examples/measureStation/stationCoordinate/stationCoordinate-function.js

+export function addStationCoordinate(info) {
+    const script = document.createElement('script');
+    script.src = 'https://cesium.com/downloads/cesiumjs/releases/1.99/Build/Cesium/Cesium.js';
+    script.onload = () => {
+        window.Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3Njg4ZWU5Yi1iZDhiLTRhYmUtOTRiYS04YjM5NmUwNjVmMDMiLCJpZCI6MjI3MzQ3LCJpYXQiOjE3MjA1MjA4Mjh9.E5XW4LnwgfVAaBC-znaYr61m4yK0-j2qEQhi9qwFFPE'
+
+        const viewer = new window.Cesium.Viewer('cesiumContainer', {
+            infoBox: false,
+            shouldAnimate: true
+        });
+
+        const SITE = {
+            id: null,
+            show: true,
+            ellipsoid: {
+              show: true,
+              heightReference: undefined,
+              radii: null,
+              innerRadii: null,
+              minimumClock: 0.0,
+              maximumClock: 2 * Cesium.Math.PI,
+              minimumCone: 0.0,
+              maximumCone: Cesium.Math.PI,
+              fill: true,
+              material: Cesium.Color.RED.withAlpha(0.3),
+              outline: false,
+              outlineColor: Cesium.Color.BLACK,
+              outlineWidth: 1.0,
+              stackPartitions: 8,
+              slicePartitions: 8,
+              subdivisions: 128,
+              shadows: undefined,
+              distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0.0, 200000.0),
+            },
+            model: {
+              show:true,
+              uri: 'https://webgishome-file.oss-cn-chengdu.aliyuncs.com/common/Cesium_Air.glb',
+              scale: 1,
+              minimumPixelSize: 30,
+              maximumScale: 500,
+              incrementallyLoadTextures: true,
+              runAnimations: true,
+              clampAnimations: true,
+              shadows: Cesium.ShadowMode.ENABLED,
+              heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
+              silhouetteColor: Cesium.Color.RED,
+              silhouetteSize: 0.0,
+              color: Cesium.Color.WHITE,
+              colorBlendMode: Cesium.ColorBlendMode.HIGHLIGHT,
+              colorBlendAmount: 0.5,
+              imageBasedLightingFactor: new Cesium.Cartesian2(1.0, 1.0),
+              lightColor: undefined,
+              distanceDisplayCondition: new Cesium.DistanceDisplayCondition(0.0, 250000.0),
+              nodeTransformations: undefined,
+              articulations: undefined,
+              clippingPlanes:undefined,
+            },
+            label: {
+              show: true,
+              text: null,
+              font: '30px sans-serif',
+              style: Cesium.LabelStyle.FILL,
+              scale: 0.5,
+              showBackground: false,
+              backgroundColor: new Cesium.Color(0.165, 0.165, 0.165, 0.8),
+              backgroundPadding: new Cesium.Cartesian2(7, 5),
+              pixelOffset:new Cesium.Cartesian2(15,0),
+              eyeOffset: Cesium.Cartesian3.ZERO,
+              horizontalOrigin:Cesium.HorizontalOrigin.LEFT,
+              verticalOrigin:Cesium.VerticalOrigin.TOP,
+              heightReference: Cesium.HeightReference.NONE,
+              fillColor:Cesium.Color.WHITE,
+              outlineColor:Cesium.Color.BLACK,
+              outlineWidth:1.0,
+              translucencyByDistance:null,
+              pixelOffsetScaleByDistance:null,
+              scaleByDistance:null,
+              distanceDisplayCondition:new Cesium.DistanceDisplayCondition(0.0, 250000.0),
+              disableDepthTestDistance	:null,
+            },
+            point: {
+              id:null,
+              show: true,
+              pixelSize: 10,
+              heightReference: Cesium.HeightReference.NONE,
+              color: Cesium.Color.RED,
+              outlineColor: Cesium.Color.BLACK,
+              outlineWidth: 0,
+              scaleByDistance: undefined,
+              translucencyByDistance: undefined,
+              distanceDisplayCondition: new Cesium.DistanceDisplayCondition(250000.0, 99999999999999),
+              disableDepthTestDistance: undefined,
+            }
+          }
+
+        let { id, position } = { ...SITE, ...info }
+        let { ...label } = { ...SITE.label, ...info.label }
+        let { ...ellipsoid } = { ...SITE.ellipsoid, ...info.ellipsoid }
+        let { ...model } = { ...SITE.model, ...info.model }
+        let{...point}={...SITE.point,...info.point}
+        ellipsoid.radii = new Cesium.Cartesian3(...ellipsoid.radii)
+        ellipsoid.innerRadii = new Cesium.Cartesian3(...ellipsoid.innerRadii)
+        ellipsoid.minimumClock = Cesium.Math.toRadians(ellipsoid.minimumClock)
+        ellipsoid.maximumClock = Cesium.Math.toRadians(ellipsoid.maximumClock)
+        ellipsoid.minimumCone = Cesium.Math.toRadians(ellipsoid.minimumCone)
+        ellipsoid.maximumCone = Cesium.Math.toRadians(ellipsoid.maximumCone)
+        label.text=`${id}`
+        let site = viewer.entities.add({
+            id: id,
+            position:Cesium.Cartesian3.fromDegrees(...position),
+            label: label,
+            ellipsoid: ellipsoid,
+            model: model,
+            point: point,
+        })
+        viewer.zoomTo(site).then(() => {
+            viewer.trackedEntity = site;
+            let matrix = site.computeModelMatrix(Cesium.JulianDate.fromIso8601('2019-08-28T04:00:00.00Z'));
+            // 通过调试的实体来绘制模型坐标轴
+            viewer.scene.primitives.add(
+                new Cesium.DebugModelMatrixPrimitive({  // 加载模型偏移矩阵的图元
+                    modelMatrix: matrix,  // 设置偏移矩阵
+                    length: 100000,
+                    width: 10
+                })
+            ); 
+        }).catch(error => {
+            console.error('Failed to zoom to entity:', error);
+        });
+    };
+    
+    document.head.appendChild(script);
+
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = 'https://cesium.com/downloads/cesiumjs/releases/1.119/Build/Cesium/Widgets/widgets.css';
+    document.head.appendChild(link);
+}
\ No newline at end of file

src/examples/measureStation/stationCoordinate/stationCoordinate.vue

+<template>
+    <div id="cesiumContainer" class="cesium-container"></div>
+</template>
+<script setup>
+import { onMounted } from 'vue';
+import { addStationCoordinate } from './function';
+onMounted(() => {
+    let siteInfo = {
+        id: 'site',
+        position: [20, 20, 1],
+        ellipsoid: {
+        radii: [50000, 50000, 50000],
+        innerRadii:[1,1,1],
+        minimumClock: 45,
+        maximumClock: 90,
+        minimumCone:45,
+        maximumCone:75,
+        outline: false,
+        fill: true,
+        },
+        
+        label: {
+        text:''
+        },
+    }
+    addStationCoordinate(siteInfo)
+});
+</script>
+
+<style>
+.cesium-container {
+width: 100%;
+height: 100vh;
+}
+</style>
\ No newline at end of file

src/views/ElementMap.js

@@ -62,7 +62,7 @@ export const elementStationMap = {
     },
     测站坐标系: {
         title: '测站坐标系',
-        pngUrl: '/src/assets/Aircraft.png'
+        pngUrl: '/src/assets/StationCoordinate.png'
     }
 }