cesium 实时目标跟踪（连线效果）

GIS-CL

已于 2023-05-21 22:31:52 修改

阅读量1.8k

点赞数 3

分类专栏： cesium 文章标签： cesium 前端 javascript

于 2023-05-21 22:30:14 首次发布

本文链接：https://blog.csdn.net/weixin_46730573/article/details/130797810

版权

cesium 专栏收录该内容

18 篇文章 55 订阅

订阅专栏

在这里插入图片描述

1、添加两个运动的实体（参数property 在cesium entity与时间轴关联（添加运动轨迹））中有讲解

let entity = viewer.entities.add({
        availability : new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({
          start: Cesium.JulianDate.fromDate(new Date("2023-05-21 08:00:00")),
          stop: Cesium.JulianDate.fromDate(new Date("2023-05-21 12:00:00"))
        })]),
        position: property,
        orientation : new Cesium.VelocityOrientationProperty(property),
        model: {
            uri: "/static/Cesium_Air.glb",
            minimumPixelSize: 128,
            maximumScale: 20000,
        },
      })
 let entity1 = viewer.entities.add({
   availability : new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({
     start: Cesium.JulianDate.fromDate(new Date("2023-05-21 08:00:00")),
     stop: Cesium.JulianDate.fromDate(new Date("2023-05-21 12:00:00"))
   })]),
   position: property1,
   orientation : new Cesium.VelocityOrientationProperty(property1),
   model: {
       uri: "/static/Cesium_Air.glb",
       color: Cesium.Color.RED,
       minimumPixelSize: 128,
       maximumScale: 20000,
   },
 })

2、添加两个实体之间连线（利用polyline方法）

cesium中提供了一个CallbackProperty方法可事实刷新数据

在这里插入图片描述

viewer.entities.add({
        polyline: {
          positions: new Cesium.CallbackProperty(function (time, result) {
              var sourpos = entity.position.getValue(time);
              var cartographic1 = Cesium.Ellipsoid.WGS84.cartesianToCartographic(sourpos);
              var lon1 = Cesium.Math.toDegrees(cartographic1.longitude);
              var lat1 = Cesium.Math.toDegrees(cartographic1.latitude);
              var height1 = cartographic1.height;

              var tarpos = entity1.position.getValue(time);
              var cartographic = Cesium.Ellipsoid.WGS84.cartesianToCartographic(tarpos);
              var lon2 = Cesium.Math.toDegrees(cartographic.longitude);
              var lat2 = Cesium.Math.toDegrees(cartographic.latitude);
              var height2 = cartographic.height;
              return  Cesium.Cartesian3.fromDegreesArrayHeights([lon1,lat1,height1,lon2, lat2, height2])
            }, false),
          width: 5,
          material: Cesium.Color.RED,
        },
      })