Cesium-加载3D飞机模型沿指定路线前进
- 最终效果
- 相关知识点
- 主要代码
最终效果
话不多说,先上效果
相关知识点
主要用到 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飞机模型沿指定路线前进相关推荐
- 首次使用Cesium加载3D数据不成功
接此: https://blog.csdn.net/bcbobo21cn/article/details/110454547 参阅相关教程:Cesium加载3D数据是通过3D Tiles进行: 3D ...
- Cesium加载3D Tiles数据
使用原生Cesium加载3D Tiles数据,并实现对图层的选中.样式的修改.图元的隐藏. 实现代码 <!DOCTYPE html> <html lang="en" ...
- 首次使用Cesium加载3D数据成功
接此: https://blog.csdn.net/bcbobo21cn/article/details/111305160 `代码同前文:加载不同的数据,都不能加载出来: var palaceTil ...
- Cesium加载3D Tiles模型
最近遇到一个问题,使用大疆无人机做的倾斜摄影三维模型,需要加载到地图上进行显示.从大疆的制图软件导出后,三维模型文件的后缀名为b3dm,经查阅资料发现,是3D Tiles格式. 3D Tiles 3D ...
- Cesium.js 加载3D模型
一.Cesuimjs介绍 Cesiunjs是一套GIS行业中进行地图渲染的js库,该库使用的WebGL进行地图渲染.并且结合HTML5进行相应,从而实现3D中渲染地图.本篇文章则介绍如何将后缀名为ma ...
- 初次转化max模型为3D Tiles失败、cesium加载一个obj格式的3D 机房模型
先下一个3D max模型,后缀为.max:用3D max打开:网上下的其他模型查看器不能打开: 打开时会出错误提示:对max模型文件和3d max还不了解: 打开后如下:是一个机房的3D模型: 下载一 ...
- 指定 Cesium 加载时的初始位置和视角
指定 Cesium 加载时的初始位置与视角 功能:实现 Cesium 在加载时,自动定位到指定位置,并调整到相应视角. 步骤:先选好位置,并调整好视角,然后按 F12 打开控制台分别输入: viewe ...
- cesium 加载Googl式的切片
cesium 加载Googl式的切片 首先配置个iis本地服务器 把项目放到iis服务器路径里边 代码 var viewer = new Cesium.Viewer('cesiumContainer' ...
- Cesium加载建筑物模型(shp转Geojson\3Dtiles)
本文主要介绍cesium加载Geojson和3dtile格式的建筑物模型文件,除此之外还介绍了Cesium工具栏的屏蔽方法.天地图的加载.地球初始状态设置等几个部分的内容,其中又不乏参照.优化诸如: ...
最新文章
- ImageNet图像数据集介绍
- 关于一些运算((与运算)、|(或运算)、^(异或运算)........)的本质理解【转】...
- 有关算法方面的经典书籍推荐
- html参考文献_学术规范| 参考文献的格式要求和书写规则
- 数据库树形结构,EasyUI Tree 树
- python selenium自动化框架_一文讲透!实现一个Python+Selenium的自动化测试框架如此简单!...
- mysql建表指定表空间_Oracle中建表和指定表空间
- java复杂的代码做程序_摆脱复杂烧脑的程序代码,利用快速开发平台轻轻松松做软件...
- 制造行业主数据治理项目实施心得
- 福特dms系统服务器,长安福特DMS使用规范.pdf
- 热敏电阻制作温度传感器的c语言,课题一NTC热敏电阻温度测量和控制系统.doc
- java 风能玫瑰图_使用java awt画风向玫瑰图及风能玫瑰图程序
- 安卓App启动流程详解
- 针对浏览器主页被360或hao123锁定的解决方法
- STM32+华为云IOT设计的动态密码锁
- win10 查看笔记本电池循环次数
- 潘金莲写给比尔盖茨的情书
- 集中式发电景气下滑分布式光伏迎新机遇
- 计量经济学第六版第三章计算机答案,计量经济学第3章计算机习题
- 我的UC/OS,我做主