cesium 路径漫游

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

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

先看数据格式

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

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

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

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

时间与位置成对存储

加载模型

最后效果

代码

  var viewer = initCesium.initViewer('cesiumContainer',{animation: true,timeline: true,infoBox: false, //Disable InfoBox widgetselectionIndicator: false, //Disable selection indicatorshouldAnimate: 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.RECORDSconsole.log(arr)let time=arr[0].f1let 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].f1let 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 endviewer.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=entityvar 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}}

cesium 路径漫游相关推荐

OSG路径漫游实现与应用
路径漫游简介路径漫游在OSG中即为视点或者模型按照我们自己设定的路径进行漫游的一种方法,原本在OsgViewer中就有,在第一次按键盘小写"z"开始记录动画路径,大写" ...
Cesium上帝视角漫游
Cesium上帝视角漫游前言在三维城市系统中,用户常常想要在无人操作的时候让三维场景自动播放漫游功能,这样能够让参观系统的人可以观看到三维城市模型的各个地区.漫游方式有很多种,比如跟随视角漫游.第 ...
Cesium路径回放
写项目时,有路径回放功能.但是网上资料有些不适用或者不全.写完之后想着放上来,共大家参考. 代码参考: cesium实现飞行漫游 cesium轨迹回放,按路径飞行核心代码: 绘制轨迹线 const ...
Cesium 飞行漫游贴地漫游
案例地址请看我的博客置顶文章(http://106.52.101.22/EasyGIS/index.html),此处列出了三个案例分别为飞行漫游贴地漫游以及漫游信息实时展示. ========= ...
Three.js指定路径漫游（站走切换、路径动画、展示路线、开始、暂停、继续、退出、镜头跟随）
(由点生成曲线,npc沿曲线移动,相机跟随方式1)参考大佬: https://blog.csdn.net/weixin_40856652/article/details/125302355 (相机跟随 ...
cesium实现自定义漫游路径
cesium实现自定义漫游路径,实现cesium按照我们自己设置的路径漫游,也可以删除节点,添加节点,加速漫游,减速漫游.效果如下(记录) //公用时间czml,为后面的自定义路径提供模板 var c ...
OSG 之学习五：OSG 漫游
文章目录说明 1. 操作器 2. 碰撞检测 3. 漫游实例 4. 制作路径漫游 5. 在 MFC 中编辑路径 6. 一些类参考,自行看之说明 OSG 入门看的,大佬绕道示例来源于<OSG程 ...
matlab火星漫游车转向控制,OSG开发笔记（二十四）：OSG漫游之平移与转向
若该文为原创文章,未经允许不得转载原博主博客地址:https://blog.csdn.net/qq21497936 本文章博客地址:https://blog.csdn.net/qq21497936/ ...
暴风魔镜VR自动漫游
如何实现在暴风魔镜中自动路径漫游呢,很简单 1 禁用Mojing VR Head脚本组件 2 位MojingVrHead物体添加Animator组件接下来就是K关键帧了!是不是很简单,呵呵! FR: ...
三维GIS/GIS开发学习路线、软件和数据、视频资源推荐
GIS开发学习资源合集来了!!一份前所未有,全网都没有这么详细的资源合集来了,从基础入门视频.实战项目.GIS开发数据合集.开发软件等,囊括了GIS开发学习所以内容. 一.GIS和WebGIS简介: ...

cesium 路径漫游

cesium 路径漫游相关推荐

最新文章

热门文章