[ Cesium ] 根据卫星位置，建立实时动态连线

实现思路

通过加载 czml 文件，生成卫星
获取卫星实体的位置，建立连线
监听卫星位置，若发生变化，则刷新连线

问题解决

连线动态变化

setInterval() 可以监听每一帧画面
或者说当启动场景后，setInterval() 每一帧都会被调用

连线闪烁

直接设置连线位置，或者删除连线后重新添加都会造成闪烁
通过使用 CallbackProperty() 可以避免闪烁

完整实现代码

<body><div id="cesiumContainer"></div><script>var viewer = new Cesium.Viewer("cesiumContainer");viewer.scene.debugShowFramesPerSecond = true;let czmlDataSourcePromise = Cesium.CzmlDataSource.load('./TestData/test.czml')viewer.zoomTo(czmlDataSourcePromise);let czml;let llh_old;czmlDataSourcePromise.then(function (dd) {czml = dd;viewer.dataSources.add(czml);// 设置倍速viewer.clock.multiplier = 1000;var entity_2 = czml.entities.getById("Satellite/BEIDOU 2");var entity_3 = czml.entities.getById("Satellite/BEIDOU 3");var position_2 = entity_2.position.getValue(viewer.clock.currentTime);var position_3 = entity_3.position.getValue(viewer.clock.currentTime);let cartographic_2 = Cesium.Cartographic.fromCartesian(position_2);let cartographic_3 = Cesium.Cartographic.fromCartesian(position_3);let llh = [parseFloat(Cesium.Math.toDegrees(cartographic_2.longitude).toFixed(4)),parseFloat(Cesium.Math.toDegrees(cartographic_2.latitude).toFixed(4)),parseFloat(cartographic_2.height),parseFloat(Cesium.Math.toDegrees(cartographic_3.longitude).toFixed(4)),parseFloat(Cesium.Math.toDegrees(cartographic_3.latitude).toFixed(4)),parseFloat(cartographic_3.height)]llh_old = llh;console.log(llh_old.toString())var purpleArrow = viewer.entities.add({id: 'purpleArrow',name: "Purple straight arrow at height",polyline: {positions: Cesium.Cartesian3.fromDegreesArrayHeights(llh),width: 10,arcType: Cesium.ArcType.NONE,material: new Cesium.PolylineArrowMaterialProperty(Cesium.Color.CYAN),},});})setInterval(function () {if (czml != null) {var entity_2 = czml.entities.getById("Satellite/BEIDOU 2");var entity_3 = czml.entities.getById("Satellite/BEIDOU 3");var position_2 = entity_2.position.getValue(viewer.clock.currentTime);var position_3 = entity_3.position.getValue(viewer.clock.currentTime);let cartographic_2 = Cesium.Cartographic.fromCartesian(position_2);let cartographic_3 = Cesium.Cartographic.fromCartesian(position_3);let llh = [parseFloat(Cesium.Math.toDegrees(cartographic_2.longitude).toFixed(4)),parseFloat(Cesium.Math.toDegrees(cartographic_2.latitude).toFixed(4)),parseFloat(cartographic_2.height),parseFloat(Cesium.Math.toDegrees(cartographic_3.longitude).toFixed(4)),parseFloat(Cesium.Math.toDegrees(cartographic_3.latitude).toFixed(4)),parseFloat(cartographic_3.height)]if (llh.toString() != llh_old.toString()) {console.log('执行操作')// 直接设置位置// viewer.entities.getById('purpleArrow').polyline.positions = Cesium.Cartesian3.fromDegreesArrayHeights(llh)viewer.entities.getById('purpleArrow').polyline.positions =new Cesium.CallbackProperty(function () {return Cesium.Cartesian3.fromDegreesArrayHeights(llh)}, false)// 删除后，重新添加// viewer.entities.removeAll()// var purpleArrow = viewer.entities.add({//   id: 'purpleArrow',//   name: "Purple straight arrow at height",//   polyline: {//     positions: Cesium.Cartesian3.fromDegreesArrayHeights(llh),//     width: 10,//     arcType: Cesium.ArcType.NONE,//     material: new Cesium.PolylineArrowMaterialProperty(//       Cesium.Color.PURPLE//     ),//   },// });llh_old = llh;}}})</script>
</body>

[ Cesium ] 根据卫星位置，建立实时动态连线相关推荐

cesium绘制卫星
首先需要注意new Cesium.Viewer的时候需要将 timeline: true,shouldAnimate: true, // 初始时刻运动两个属性置为true否则不生效 export c ...
Cesium实现卫星在轨绕行
Cesium实现卫星在轨绕行这个效果其实网上很多案例了,本来不打算写了,但是做都做了,稍微来说一下吧,代码实测可用! 最后的效果就是这个样子的啦! 就是很简单的一个卫星,放射信号,然后围着轨道转圈圈 ...
基于Cesium的卫星及空间碎片的轨迹展示
核心:cesium.czml.satellite.js.tle 下面简单介绍一下操作步骤,并展示部分代码(附上结果截图) 步骤一:初始化cesium const viewer = new Viewer ...
RTKLIB学习总结（六）导航电文、卫星位置计算
文章目录一.导航电文 1.GNSS卫星信号的组成 2.导航电文的编排 3.遥测字(TLW) 4.交接字(HOW) 5.第一数据块 6.第二数据块 7.第三数据块二.卫星钟差钟漂改正 1.时钟校正参 ...
R语言使用rnorm函数生成正太分布数据、使用boxplot函数可视化箱图、中间黑线为中位数位置、上下框线为上下四分位数位置、上下触须为1.5倍四分位数间距、如果有孤立点表示异常值
R语言使用rnorm函数生成正太分布数据.使用boxplot函数可视化箱图.中间黑线为中位数位置.上下框线为上下四分位数位置.上下触须为1.5倍四分位数间距.如果有孤立点表示异常值目录 R语言使用r ...
Cesium|xt3d卫星正摄动画
Cesium|xt3d卫星正摄动画效果代码预览地址效果代码 <!DOCTYPE html> <html lang="zh-CN"><head ...
Cesium 实现卫星效果
技术合作交流qq:260148606 更多尽在 webgis.fun 通过两种方式实现了卫星沿着轨道运行,一种是轨道数据根据一定的偏差,动态生成,另外一个种是,根据生成的CZML文件加载. 其实中实现 ...
卫星位置计算小程序（C#版）
一.最终画面二.程序代码 using System; using System.Collections.Generic; using System.ComponentModel; using Sys ...
c语言编程gps卫星坐标计算公式,C语言计算GPS卫星位置演示教学.doc
C语言计算GPS卫星位置演示教学.doc C语言计算GPS卫星位置1 概述在用GPS信号进行导航定位以及制订观测计划时,都必须已知GPS卫星在空间的瞬间位置.卫星位置的计算是根据卫星电文所提供的轨道参 ...

[ Cesium ] 根据卫星位置，建立实时动态连线

实现思路

问题解决

连线动态变化

连线闪烁

完整实现代码

[ Cesium ] 根据卫星位置，建立实时动态连线相关推荐

最新文章

热门文章