cesium 路径漫游

之前写过相似的轨迹回放，按路径飞行demo的理解，但与实际数据结合起来的时候还是花了一些时间。

且之前的数据是已经处理成满足cesium要求的格式的了，实际上很多时候并不是，因此重新来梳理如何实现这个效果

先看数据格式

拿到这样的json之后，我们需要将时间与postion成对的存入property中

然后赋值给模型的position属性即可。

那么拿到这样的数据，首先对时间进行处理

设置漫游的起始时间与终止时间

 

时间与位置成对存储

加载模型

最后效果

 

代码

  var viewer = initCesium.initViewer('cesiumContainer',{
        animation: true,
        timeline: true,
        infoBox: false, //Disable InfoBox widget
        selectionIndicator: false, //Disable selection indicator
        shouldAnimate: true, // Enable animations
        // terrainProvider: Cesium.createWorldTerrain()
    });

    var url = "./onet.json"/*json文件url，本地的就写本地的位置，如果是服务器的就写服务器的路径*/
    var request = new XMLHttpRequest();
    request.open("get", url);/*设置请求方法与路径*/
    request.send(null);/*不发送数据到服务器*/
    request.onload = function () {/*XHR对象获取到返回信息后执行*/
        if (request.status == 200) {/*返回状态为200，即为数据获取成功*/
            var json = JSON.parse(request.responseText);
            let arr=json.RECORDS
            console.log(arr)
            let time=arr[0].f1
            let startTime=new Date(time.substring(0,4),time.substring(4,6),time.substring(6,8),time.substring(8,10),
                time.substring(10,12),time.substring(12,14))
            var start = Cesium.JulianDate.fromDate(startTime);
            time=arr[9].f1
            let endTime=new Date(time.substring(0,4),time.substring(4,6),time.substring(6,8),time.substring(8,10),
                time.substring(10,12),time.substring(12,14))
            var stop = Cesium.JulianDate.fromDate(endTime);

            viewer.clock.startTime = start.clone();
            viewer.clock.stopTime = stop.clone();
            viewer.clock.currentTime = start.clone();
            viewer.clock.clockRange = Cesium.ClockRange.LOOP_STOP; //Loop at the end
            viewer.clock.multiplier = 1;
            //arr=arr.slice(0,9)


            var position = computeCirclularFlight(arr);
            var entity = viewer.entities.add({
                //Set the entity availability to the same interval as the simulation time.
                availability : new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({
                    start : start,
                    stop : stop
                })]),
                position : position,
                orientation : new Cesium.VelocityOrientationProperty(position),

                model : {
                    uri : '../data/models/CesiumAir/Cesium_Air.gltf',
                    minimumPixelSize : 64
                },
                path : {
                    resolution : 1,
                    material : new Cesium.PolylineGlowMaterialProperty({
                        glowPower : 0.1,
                        color : Cesium.Color.YELLOW
                    }),
                    width : 10
                }
            });
            viewer.trackedEntity=entity
            var params={
                h:90,
                p:-90,
                r:0
            }
            // Object.defineProperty(params,"h", {
            //     set: function(newval){  // 通过set方法可以拿到新的值
            //          console.log(newval)
            //         this.h= newval
            //     }
            // })
            viewer.camera.setView({
                orientation: {
                    heading : Cesium.Math.toRadians(180), // east, default value is 0.0 (north)
                    pitch : Cesium.Math.toRadians(params.p),    // default value (looking down)
                    roll : 0.0                             // default value
                }
            });

            //viewer.zoomTo(viewer.entities, new Cesium.HeadingPitchRange(0, Cesium.Math.toRadians(-90)));

            return






        }
    }