Cesium.js实现无人机按轨迹飞行，并扫描地面

最新推荐文章于 2024-07-23 16:47:13 发布
最新推荐文章于 2024-07-23 16:47:13 发布
阅读量3.7k 收藏 17
点赞数
分类专栏： WebGIS开发者进阶 文章标签： ceisum gltf 三维 移动 扫描
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GISuuser/article/details/126303553
版权
本文分享了使用Cesium.js实现无人机按预定轨迹飞行并扫描地面的过程，包括解决如何让无人机移动、模型姿态调整以及扫描效果的创建等问题。最终通过Cesium的路径插值和GLTF模型编辑工具Blender实现了预期效果。
摘要由CSDN通过智能技术生成

无人机在生活的很多方便，已经运用的越来越广泛，无人机巡检、无人机喷房、灾害查勘、摄影测量等等。在GIS开发中，我们经常也需要对接无人机的数据，倾斜摄影模型、多光谱影像等等。

最近需要开发一个无人机贴地飞行，扫描地面的效果。查找了很多资料，也遇到了一些困惑，比较麻烦，不过最终都解决了。这里分享一下遇到的一些问题和最终的解决方案。

最终效果

先看效果和读者期望的是否一致或相似。
无人机扫描
动态效果

遇到的问题

  1. 如何让无人机按预定轨迹移动

模型随着轨迹移动，有两种方式：

一种是CZML，制作特定的轨迹路线文件，Cesium加载后，模型根据路线移动。这种方式，制作CZML有点麻烦，我没有找到相关的工具。

二是使用<

了解本专栏 订阅专栏 解锁全文 超级会员免费看
GIS开发者
关注
  • 0
    点赞
  • 踩
  • 17
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
Cesium路径回放--飞机飞行轨迹
qq_37312180的博客
01-27 314
Cesium路径回放--飞机飞行轨迹。
DJI Pilot无人机航线规划-实景三维建模全流程
热门推荐
weixin_53403190的博客
01-03 1万+
目前很多网上推荐的无人机航线规划软件如Altizure、航测通等难以下载或为商用软件。该文章以大疆精灵4为例演示DJI Pilot航线规划-CC实景建模-三维模型导入Cesiumlab3全流程。
Cesium 无人机巡检实时视频投射及模拟数据采集
资深三维GIS开发
11-03 5194
用投射做了两个功能，一个是模拟无人机巡检，展示当前无人机的实时视频流，并且展示当前无人机的拍摄轨迹及范围。
cesium空中飞行飞机
最新发布
u011013840的博客
07-23 301
scene.addfj({options:{startTime:"2022-03-09T23:10:00Z",modelUrl:"./Air.glb",imgUrl:"./飞机.png",stop:value1.value,track:value2.value,multip:textnum.value}},hyczData,callback)<el-table-column prop="address" label="类型" />esc.utils().tools({val:"高程"})
cesium 实现三维无人机航拍过程实景效果
喜大普奔
06-27 461
需要实现一个动态的三维无人机航拍过程实景效果。
Cesium 简单航飞线路规划，模拟飞行扫描效果
Zk的博客
06-16 4576
Cesium 简单航飞线路规划，模拟飞行扫描效果。
cesium飞机飞行和轨迹
10-12
cesium飞机飞行和轨迹
cesium教程7-航迹模拟(无人机轨迹模拟飞行)
weshmily前端
12-15 8118
航迹模拟-----模拟真实无人机飞行的轨迹和云台的拍摄方向,到达指定的拍摄点返回拍摄点的ID,用于显示对应拍摄点的照片或者视频
Cesium 无人机航线规划
资深三维GIS开发
04-12 2628
从去年的时候就打算仿大疆开发一套完整的平台，包括无人机app以及仿司空2的管理平台，集航线规划、任务派发、实时图像、无人机管理等功能的平台。下面是基于Cesium开发的航线编辑功能，后面会对这个这个模块的实现进行记录，供大家参考。2、web端实时编辑航线，编辑好的航线直接派发到无人机，无人机按照编辑航线进行作业；具体操作大家可以参考司空2的平台，后续我会将此功能放到线上，大家也可以体验。当前我做的是三维空间的航线编辑，还有种方式是快速编辑（此处不做说明）。⬆ -- 镜头抬升。⬇ -- 镜头降低。
Cesium模拟飞机飞行路线
07-27
飞机根据路线进行轨迹飞行，利用Cesium，适用于新手操作
cesium 飞机模型、汽车模型
08-24
Cesium官方模型，飞机模型gltf文件，汽车模型.
viewShed3d-cesium.js
07-28
let viewer = new Cesium.Viewer("viewerContainer") // 分析参数 var viewModel = { verticalAngle: 90, horizontalAngle: 120, distance: 10 }; // 添加可视域 var viewshed = new Cesium.ViewShed3D...
Cesium.js工具包
03-26
Cesium是一个用于显示三维地球和地图的开源js库。它可以用来显示海量三维模型数据、影像数据、地形高程数据、矢量数据等等。三维模型格式支持gltf、三维瓦片模型格式支持3d tiles。矢量数据支持geojson、topojson...
Cesium自定义轨迹飞行漫游实现（纯干货）
GIS_wudi的专栏
01-20 1783
Cesium自定义轨迹飞行漫游实现 源码
[cesium] 自定义无人机轨迹 和 无人机探测效果
啊嘞嘞的博客
09-28 4260
效果 实现 /** * 飞行路径封装类 */ import Camera from './camera.js' import CVTools from './cvTool.js'; import Entitys from './entitys.js'; import entityFactory from './entityFactory.js'; import Handler fro...
Cesium实现雷达扫描跟踪飞机
海亲王府
03-12 3097
<!DOCTYPE html> <html lang="en"> <head> <!-- Use correct character set. --> <meta charset="utf-8"> <!-- Tell IE to use the latest, best version. --> <meta http-equiv="X-UA-C...
cesium控制飞机飞行
A873054267的博客
01-09 5308
//飞机飞行 Cesium.Ion.defaultAccessToken='你的token'; //初始化cesium var viewer = new Cesium.Viewer('cesiumContainer',{ baseLayerPicker:false, timeline:false, homeButton:false, fullscreenButto...
Cesium.ModelInstanceCollection 实现车流轨迹代码
06-09
以下是一个简单的示例代码，用 Cesium.ModelInstanceCollection 实现车流轨迹： ```javascript // 创建场景 var viewer = new Cesium.Viewer('cesiumContainer'); // 创建车辆模型 var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Cartesian3.fromDegrees(-75.62898254394531, 40.02804946899414, 0.0) ); var model = viewer.scene.primitives.add(Cesium.Model.fromGltf({ url : 'path/to/vehicle.gltf', modelMatrix : modelMatrix, scale : 2.0 })); // 创建模型实例集合 var instanceCollection = new Cesium.ModelInstanceCollection({ model : model }); viewer.scene.primitives.add(instanceCollection); // 创建车辆位置属性 var positionProperty = new Cesium.SampledPositionProperty(); // 添加车辆位置信息 var startTime = Cesium.JulianDate.fromDate(new Date()); var endTime = Cesium.JulianDate.addSeconds(startTime, 3600, new Cesium.JulianDate()); var time = startTime.clone(); for (var i = 0; i < 3600; i++) { var position = Cesium.Cartesian3.fromDegrees(-75.62898254394531 + i/100, 40.02804946899414, 0.0); positionProperty.addSample(time, position); time = Cesium.JulianDate.addSeconds(time, 1, new Cesium.JulianDate()); } // 绑定车辆位置信息和模型实例集合 instanceCollection.addInstances({ positions : positionProperty, orientation : Cesium.Quaternion.IDENTITY }); ``` 以上代码实现了在地球上从西向东移动的一辆车，车辆模型为 'path/to/vehicle.gltf'，每秒钟更新车辆位置信息一次。请注意，该示例仅供参考，具体实现可能需要根据场景需求和数据来源进行修改。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GIS开发者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值