当前位置:网站首页 > 数据科学与大数据 > 正文

cesium实时更新数据实现实体运功

var viewer = new Cesium.Viewer('cesiumContainer', { infoBox : false, selectionIndicator : false, shadows : true, shouldAnimate : true }); var czml = [{ "id": "document", "name":"CZML Path", "version": "1.0", "clock": { "interval": "2012-08-04T10:00:00Z/2012-08-04T15:00:00Z", "currentTime": "2012-08-04T10:00:00Z", "multiplier": 10 } }, { "id": "path", "name": "path with GPS flight data", "description": "<p>Hang gliding flight log data from Daniel H. Friedman.<br>Icon created by Larisa Skosyrska from the Noun Project</p>", "availability": "2012-08-04T10:00:00Z/2012-08-04T15:00:00Z", "path": { "material": { "polylineOutline": { "color": { "rgba": [255, 0, 255, 255] }, "outlineColor": { "rgba": [0, 255, 255, 255] }, "outlineWidth": 5 } }, "width": 8, "leadTime": 0, // 路线提前执行时间 "trailTime": , // 路线跟踪时间 "resolution": 5, //"arcType" : "RHUMB", }, "ellipse": { // 椭圆 "semiMinorAxis": 10.0, // 椭圆大小 "semiMajorAxis": 20.0, "height": 0, "material": { "solidColor": { "color": { "rgba": [255, 0, 0, 127] } } }, "outline": true, // height must be set for outlines to display "outlineColor": { // 边框颜色 "rgba": [255, 255, 255, 255] } }, "position": { "epoch": "2012-08-04T10:00:00Z", "cartographicDegrees": [ 0.0, 118.005, 30., 0.0, 10.0, 118.007, 30., 0.0, ] } }]; Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJiYjM4NjkxNi04Nzc0LTQ1ODYtYjFmMC0yOTQyZjNmYzIyYmMiLCJpZCI6MTQ5OTQsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1NjY4NzE1Mjl9.LH4ubGV8dmhYDByXr33yhHpKApkL2k6cTzkOSqEqtRc'; viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)).then(function (ds) { viewer.trackedEntity = ds.entities.getById('path');//追踪实体 }); // 动态赋值 var i = 30.; var a = 20; var b=118.01; setInterval(function() { i += 0.001*Math.random(); b+=0.001*Math.random(); a += 10; //路径最后添加节点 czml[1].position.cartographicDegrees.push(a, b, i, 0);// 赋值当前最新行驶路线 czml[0].clock.currentTime = viewer.clock.currentTime.toString(); // 修改当前时间,防止从头重新开始执行 //清空之前数据,否则数据越来越多 viewer.entities.removeAll(); //重新添加修改后的数据 viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)); }, 1000);

Ceisum实时获取后台数据 实时更新实体位置信息

Ceisum实时获取后台数据 实时更新实体位置信息且实现实体转向功能

 cesium在二维地图中移动实体

Cesium基于czml的model模型转向

Cesium基于czml billboard的模型转向

到此这篇cesium实时更新数据实现实体运功的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • JavaScript技术总结9:轮询数据2024-11-29 14:54:06
  • js基础-(一)-基本数据类型2024-11-29 14:54:06
  • vuex实例方法replaceState解决vuex页面刷新数据丢失问题2024-11-29 14:54:06
  • 响应式数据2024-11-29 14:54:06
  • 《第一行代码》 第六章:数据库与存储方案2024-11-29 14:54:06
  • Ceisum实时获取后台数据 实时更新实体位置信息且实现实体转向功能2024-11-29 14:54:06
  • 2.typeScript中的数据类型2024-11-29 14:54:06
  • Ceisum实时获取后台数据 实时更新实体位置信息2024-11-29 14:54:06
  • VUE数据更新滚动条定位在最底部 视图展示最新几条数据2024-11-29 14:54:06
  • VUE去除绑定回显数据中的空格:v-model.trim2024-11-29 14:54:06
  • 全屏图片