Merge branch 'develop' of ssh://47.96.160.63:10022/jlc/cesium-frame into develop

src/examples/CodeMap.js

@@ -11,6 +11,7 @@ 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 vueCodeRobotArmAnimation from '@/examples/movingTarget/robotArmAnimation/robotArmAnimation.vue?raw'
+import vueCodeRealTimeDriver from '@/examples/movingTarget/realTimeDriver/realTimeDriver.vue?raw'
 import vueCodeCoordinateAxis from '@/examples/movingTarget/coordinateAxis/coordinateAxis.vue?raw'
 import vueCodeMissileLaunch from '@/examples/movingTarget/missileLaunch/missileLaunch.vue?raw'
 import vueCodeMissileMobileLaunch from '@/examples/movingTarget/missileMobileLaunch/missileMobileLaunch.vue?raw'
@@ -68,6 +69,7 @@ const vueCodeMap = {
     船: vueCodeShip,
     飞机: vueCodeAircraft,
     机械臂动画: vueCodeRobotArmAnimation,
+    实时驱动: vueCodeRealTimeDriver,
     坐标轴: vueCodeCoordinateAxis,
     导弹发射: vueCodeMissileLaunch,
     导弹机动发射: vueCodeMissileMobileLaunch,

src/examples/FunctionMap.js

@@ -11,6 +11,7 @@ import functionCodeVehicle from '@/examples/movingTarget/vehicle/vehicle-functio
 import functionCodeShip from '@/examples/movingTarget/ship/ship-function.js?raw'
 import functionCodeAircraft from '@/examples/movingTarget/aircraft/aircraft-function.js?raw'
 import functionCodeRobotArmAnimation from '@/examples/movingTarget/robotArmAnimation/robotArmAnimation-function.js?raw'
+import functionCodeRealTimeDriver from '@/examples/movingTarget/realTimeDriver/realTimeDriver-function.js?raw'
 import functionCodeCoordinateAxis from '@/examples/movingTarget/coordinateAxis/coordinateAxis-function.js?raw'
 import functionCodeMissileLaunch from '@/examples/movingTarget/missileLaunch/missileLaunch-function.js?raw'
 import functionCodeMissileMobileLaunch from '@/examples/movingTarget/missileMobileLaunch/missileMobileLaunch-function.js?raw'
@@ -68,6 +69,7 @@ const functionCodeMap = {
     船: functionCodeShip,
     飞机: functionCodeAircraft,
     机械臂动画: functionCodeRobotArmAnimation,
+    实时驱动: functionCodeRealTimeDriver,
     坐标轴: functionCodeCoordinateAxis,
     导弹发射: functionCodeMissileLaunch,
     导弹机动发射: functionCodeMissileMobileLaunch,

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

+export function addRealTimeDriver(viewer) {
+    const czml = [
+        {
+            id: "document",
+            name: "realTimeDriver",
+            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: "realTimeDriver",
+            name: "realTimeDriver",
+            description: "<p>this is a realTimeDriver</p>",
+            availability: "2019-08-28T04:00:00Z/2019-08-28T04:20:00Z",
+            position: {
+                cartographicDegrees: [120, 30, 0]
+            },
+            model: {
+                show: true,
+                gltf: [
+                    {
+                        interval: "2019-08-28T04:00:00Z/9999-12-31T23:59:59.9999999Z",
+                        uri: 'https://raw.githubusercontent.com/jinlinchao123/Cesium-assets/main/3Dmodel/Station.glb'
+                    }
+                ],
+                minimumPixelSize: 128,
+                scale: 1,
+                runAnimations: true
+            }
+        },
+    ];
+
+    var dataSourcePromise = viewer.dataSources.add(Cesium.CzmlDataSource.load(czml));
+    dataSourcePromise.then(function (dataSource) {
+        // 根据模型所在的实体去进行加载
+        viewer.trackedEntity = dataSource.entities.getById('realTimeDriver');
+    }).catch(function (error) {
+        console.error(error);
+    });
+}

src/examples/movingTarget/realTimeDriver/realTimeDriver.vue

+<template>
+    <div id="cesiumContainer" class="cesium-container"></div>
+</template>
+
+<script setup>
+import { onMounted } from 'vue';
+import { addRealTimeDriver } from './function';
+
+let viewer;
+
+onMounted(() => {
+    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'
+
+        viewer = new window.Cesium.Viewer('cesiumContainer', {
+            infoBox: false,
+            shouldAnimate: true
+        });
+        
+        addRealTimeDriver(viewer)
+
+    };
+    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);
+});
+</script>
+
+<style>
+.cesium-container {
+    width: 100%;
+    height: 100vh;
+}
+</style>
\ No newline at end of file

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

@@ -50,7 +50,12 @@ export function addRocketLaunchIntoOrbit(viewer) {
               solidColor: {
                 color: [
                   {
+                    interval: "2019-08-28T04:00:00Z/2019-08-28T04:10:00Z",
                     rgba: [ 0, 255, 0, 255 ]
+                  },
+                  {
+                    interval: "2019-08-28T04:10:00Z/2019-08-28T04:17:33Z",
+                    rgba: [ 255, 255, 0, 255 ]
                   }
                 ]
               }

src/views/ElementMap.js

@@ -40,6 +40,10 @@ export const elementMovingMap = {
         title: '机械臂动画',
         pngUrl: '/src/assets/RobotArmAnimation.png'
     },
+    实时驱动: {
+        title: '实时驱动',
+        pngUrl: '/src/assets/RobotArmAnimation.png'
+    },
     坐标轴: {
         title: '坐标轴',
         pngUrl: '/src/assets/CoordinateAxis.png'