• 最终效果
  • 相关知识点
  • 主要代码

最终效果

话不多说,先上效果

相关知识点

主要用到 CZML 相关知识

CZML 是一种用来描述动态场景的JSON架构的语言,主要用于 Cesium 在浏览器中的展示。它可以用来描述点、线、布告板、模型以及其他的图元,同时定义他们是怎样随时间变化的。

详情可看:CZML介绍

我这里就不过多赘述了。

主要代码

var czml = [{id: "document",name: "CZML Path",version: "1.0",clock: {interval: "2020-09-30T10:00:00Z/2020-09-30T10:01:20Z",currentTime: "2012-08-04T10:00:00Z",multiplier: 10,},},{id: "path",name: "path with GPS flight data",description: "Created by wangyu",availability: "2020-09-30T10:00:00Z/2020-09-30T10:01:20Z",path: {material: {polylineOutline: {color: {rgba: [255, 0, 255, 127],},outlineColor: {rgba: [255, 0, 255, 127],},outlineWidth: 3,},},width: 5,leadTime: 10,trailTime: 1000,resolution: 5,},model: {gltf: "Assets/SampleData/models/CesiumAir/Cesium_Air.glb",scale: 2.0,minimumPixelSize: 128,},position: {epoch: "2020-09-30T10:00:00Z",cartographicDegrees: [0, 102.23404378554466, 27.825736605050523, 2500,10, 102.23691954070244, 27.82887625908256, 2500,20, 102.23908610745147, 27.830920963237897, 2500,30, 102.24222708893987, 27.834251845778994, 2500,40, 102.24483684219396, 27.837156939755058, 2500,50, 102.24821756517042, 27.838973119832243, 2500,60, 102.2497304631213, 27.843805668815058, 2500,70, 102.25017946873977, 27.849726810753346, 2500,80, 102.24597936406548, 27.852179959795592, 2500],},},
];var airModel;
viewer.dataSources.add(Cesium.CzmlDataSource.load(czml)).then(function (ds) {airModel = ds.entities.getById("path");// 设置模型可以随路径方向转向airModel.orientation = new Cesium.VelocityOrientationProperty(airModel.position);airModel.model.alignedAxis = new Cesium.VelocityVectorProperty(airModel.position, true)
});

如果您觉得这篇文章对您有帮助,欢迎给我的 github项目 点一个⭐ ο(=•ω<=)ρ⌒☆

Cesium-加载3D飞机模型沿指定路线前进相关推荐

  1. 首次使用Cesium加载3D数据不成功

    接此: https://blog.csdn.net/bcbobo21cn/article/details/110454547 参阅相关教程:Cesium加载3D数据是通过3D Tiles进行: 3D ...

  2. Cesium加载3D Tiles数据

    使用原生Cesium加载3D Tiles数据,并实现对图层的选中.样式的修改.图元的隐藏. 实现代码 <!DOCTYPE html> <html lang="en" ...

  3. 首次使用Cesium加载3D数据成功

    接此: https://blog.csdn.net/bcbobo21cn/article/details/111305160 `代码同前文:加载不同的数据,都不能加载出来: var palaceTil ...

  4. Cesium加载3D Tiles模型

    最近遇到一个问题,使用大疆无人机做的倾斜摄影三维模型,需要加载到地图上进行显示.从大疆的制图软件导出后,三维模型文件的后缀名为b3dm,经查阅资料发现,是3D Tiles格式. 3D Tiles 3D ...

  5. Cesium.js 加载3D模型

    一.Cesuimjs介绍 Cesiunjs是一套GIS行业中进行地图渲染的js库,该库使用的WebGL进行地图渲染.并且结合HTML5进行相应,从而实现3D中渲染地图.本篇文章则介绍如何将后缀名为ma ...

  6. 初次转化max模型为3D Tiles失败、cesium加载一个obj格式的3D 机房模型

    先下一个3D max模型,后缀为.max:用3D max打开:网上下的其他模型查看器不能打开: 打开时会出错误提示:对max模型文件和3d max还不了解: 打开后如下:是一个机房的3D模型: 下载一 ...

  7. 指定 Cesium 加载时的初始位置和视角

    指定 Cesium 加载时的初始位置与视角 功能:实现 Cesium 在加载时,自动定位到指定位置,并调整到相应视角. 步骤:先选好位置,并调整好视角,然后按 F12 打开控制台分别输入: viewe ...

  8. cesium 加载Googl式的切片

    cesium 加载Googl式的切片 首先配置个iis本地服务器 把项目放到iis服务器路径里边 代码 var viewer = new Cesium.Viewer('cesiumContainer' ...

  9. Cesium加载建筑物模型(shp转Geojson\3Dtiles)

    本文主要介绍cesium加载Geojson和3dtile格式的建筑物模型文件,除此之外还介绍了Cesium工具栏的屏蔽方法.天地图的加载.地球初始状态设置等几个部分的内容,其中又不乏参照.优化诸如:  ...

最新文章

  1. ImageNet图像数据集介绍
  2. 关于一些运算((与运算)、|(或运算)、^(异或运算)........)的本质理解【转】...
  3. 有关算法方面的经典书籍推荐
  4. html参考文献_学术规范| 参考文献的格式要求和书写规则
  5. 数据库树形结构,EasyUI Tree 树
  6. python selenium自动化框架_一文讲透!实现一个Python+Selenium的自动化测试框架如此简单!...
  7. mysql建表指定表空间_Oracle中建表和指定表空间
  8. java复杂的代码做程序_摆脱复杂烧脑的程序代码,利用快速开发平台轻轻松松做软件...
  9. 制造行业主数据治理项目实施心得
  10. 福特dms系统服务器,长安福特DMS使用规范.pdf
  11. 热敏电阻制作温度传感器的c语言,课题一NTC热敏电阻温度测量和控制系统.doc
  12. java 风能玫瑰图_使用java awt画风向玫瑰图及风能玫瑰图程序
  13. 安卓App启动流程详解
  14. 针对浏览器主页被360或hao123锁定的解决方法
  15. STM32+华为云IOT设计的动态密码锁
  16. win10 查看笔记本电池循环次数
  17. 潘金莲写给比尔盖茨的情书
  18. 集中式发电景气下滑分布式光伏迎新机遇
  19. 计量经济学第六版第三章计算机答案,计量经济学第3章计算机习题
  20. 我的UC/OS,我做主

热门文章

  1. 软件性能测试常见指标
  2. html中的超链接(总结)
  3. android配置vlc_VLC-Android使用总结
  4. 2022年全球市场粘胶短纤维总体规模、主要生产商、主要地区、产品和应用细分研究报告
  5. jquery手写轮播图_用jQuery如何手写一个简单的轮播图?(附代码)
  6. 2022年华为杯中国研究生数学建模竞赛E题思路
  7. draggable布局 vue_Vue.Draggable (拖拽排序)
  8. 百度地图根据经纬度获取实际位置纠偏
  9. 2021-02-26~27~28 大数据课程笔记 day37day38day39
  10. python模拟天猫商城