update：船模型案例的添加

src/examples/CodeMap.js

@@ -8,6 +8,7 @@ import vueCodeStationCoordinate from '@/examples/measureStation/stationCoordinat
 
 // 动目标
 import vueCodeVehicle from '@/examples/movingTarget/vehicle/vehicle.vue?raw'
+import vueCodeShip from '@/examples/movingTarget/ship/ship.vue?raw'
 import vueCodeAircraft from '@/examples/movingTarget/aircraft/aircraft.vue?raw'
 import vueCodeCoordinateAxis from '@/examples/movingTarget/coordinateAxis/coordinateAxis.vue?raw'
 import vueCodeRocketLaunch from '@/examples/movingTarget/rocketLaunch/rocketLaunch.vue?raw'
@@ -56,6 +57,7 @@ const vueCodeMap = {
 
     // 动目标
     车: vueCodeVehicle,
+    船: vueCodeShip,
     飞机: vueCodeAircraft,
     坐标轴: vueCodeCoordinateAxis,
     火箭发射: vueCodeRocketLaunch,

src/examples/FunctionMap.js

@@ -8,6 +8,7 @@ import functionCodeStationCoordinate from '@/examples/measureStation/stationCoor
 
 // 动目标
 import functionCodeVehicle from '@/examples/movingTarget/vehicle/vehicle-function.js?raw'
+import functionCodeShip from '@/examples/movingTarget/ship/ship-function.js?raw'
 import functionCodeAircraft from '@/examples/movingTarget/aircraft/aircraft-function.js?raw'
 import functionCodeCoordinateAxis from '@/examples/movingTarget/coordinateAxis/coordinateAxis-function.js?raw'
 import functionCodeRocketLaunch from '@/examples/movingTarget/rocketLaunch/rocketLaunch-function.js?raw'
@@ -55,6 +56,7 @@ const functionCodeMap = {
 
     // 动目标
     车: functionCodeVehicle,
+    船: functionCodeShip,
     飞机: functionCodeAircraft,
     坐标轴: functionCodeCoordinateAxis,
     火箭发射: functionCodeRocketLaunch,

src/examples/movingTarget/ship/ship-function.js

+export function addShip() {
+    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 czml = [
+            {
+                id: "document",
+                name: "Ship",
+                version: "1.0",
+                clock: {
+                  interval: "2019-08-28T04:00:00Z/2019-08-28T04:20:00Z",
+                  currentTime: "2019-08-28T04:00:00.00Z",
+                  multiplier: 1,
+                  range: "LOOP_STOP",
+                  step: "SYSTEM_CLOCK_MULTIPLIER"
+                 }
+            },
+            {
+                id: "path",
+                name: "path for Ship",
+                description: "<p>this is a ship</p>",
+                availability: "2019-08-28T04:00:00Z/2019-08-28T04:20:00Z",
+                path: {
+                    material: {
+                        polylineOutline: {
+                            color: {
+                                rgba: [255, 0, 255, 255],
+                            },
+                            outlineColor: {
+                                rgba: [0, 255, 255, 255],
+                            },
+                            outlineWidth: 5    
+                        }, 
+                    },
+                    width: 8,   // 折线宽度
+                    leadTime: 5,  
+                    trailTime: 50000,
+                    resolution: 5,
+                 },
+                 orientation: {
+                    "velocityReference": "#position"
+                 },
+                 model: {
+                     gltf: 'https://raw.githubusercontent.com/jinlinchao123/Cesium-assets/main/3Dmodel/ship.glb',
+                     minimumPixelSize: 128,
+                 },
+                 position: {
+                     epoch: "2019-08-28T04:00:00.00Z",
+                     cartographicDegrees: [
+                         0, 140, 30, 0,
+                         1200, 143, 30, 0
+                     ]
+                 }
+            },
+        ];
+
+        var dataSourcePromise = viewer.dataSources.add(Cesium.CzmlDataSource.load(czml));
+        dataSourcePromise.then(function (dataSource) {
+            // 根据模型所在的实体去进行加载
+            viewer.trackedEntity = dataSource.entities.getById('path');
+        }).catch(function (error) {
+          console.error(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);
+}

src/examples/movingTarget/ship/ship.vue

+<template>
+    <div id="cesiumContainer" class="cesium-container"></div>
+</template>
+<script setup>
+import { onMounted } from 'vue';
+import { addShip } from './function';
+onMounted(() => {
+    addShip()
+});
+</script>
+
+<style>
+.cesium-container {
+width: 100%;
+height: 100vh;
+}
+</style>
\ No newline at end of file

src/views/ElementMap.js

@@ -28,6 +28,10 @@ export const elementMovingMap = {
         title: '车',
         pngUrl: '/src/assets/Vehicle.png'
     },
+    船: {
+        title: '船',
+        pngUrl: '/src/assets/Ship.png'
+    },
     飞机: {
         title: '飞机',
         pngUrl: '/src/assets/Aircraft.png'