1. 程式人生 > 其它 >cesium中新增動態的小車

cesium中新增動態的小車

技術標籤:cesiumjshtml5javascript

var p1 = new Cesium.Cartesian3.fromDegrees( 116,39,8);
var p2 = new Cesium.Cartesian3.fromDegrees(117,39.9,8);

var current=Cesium.JulianDate.now();
var endTime= Cesium.JulianDate.addSeconds(current,5,new Cesium.JulianDate());//5秒
var property = new Cesium.SampledProperty(Cesium.Cartesian3);
property.addSample(current, p1);//動點開始
property.addSample(endTime,p2);//動點結束

var point = viewer.entities.add({
    position: p1,
    point: {
       color: Cesium.Color.WHITE,
       pixelSize: 10,
       //heightReference: Cesium.HeightReference.CLAMP_TO_GROUND,
    },
    model : {
        uri : 'Cesium_Ground.gltf',
        minimumPixelSize : 16,
        maximumScale : 16
     }
});
point.position = property;

最近在做關於三維cesium開發,想弄個動態的小車,可以通過SampledProperty設定起止時間的座標位置。用SampledProperty包裝成一個property,最後賦值給了point的position。

property的特點是時間和位置關聯,不同時間,設定不同的座標位置,而Entity則可以感知這些Property的變化,在不同的時間驅動物體進行動態展示。