cesium 漫游飞行_Cesium 之三维漫游飞行效果实现篇

本文详细介绍了如何使用Cesium实现三维漫游飞行效果,包括初始化、加载漫游路线列表信息、监听事件(开始、暂停、向前、向后、退出飞行)以及设定和保存飞行路线的操作。通过实例代码展示了关键函数和方法,如showFly3DPaths、pauseFly3DPaths等,帮助读者理解并应用Cesium进行三维漫游效果的创建。
摘要由CSDN通过智能技术生成

本篇实现cesium三维漫游飞行效果,效果图如下:

c922ee2b6df26355734f87329b755538.png

6409410d7020e0581956642bbb6466b0.gif

实现的思路如下:

1.初始化函数:

Init:function(cesium,drawHelper){

this.cesium = cesium; //cesium对象

this.drawHelper = drawHelper;//drawHelper对象

this.InitEvent();

this.loadData();

},

三维漫游的初始化参数cesium、drawHelper,其中cesium是cesium创建对象,drawHelper是绘制工具创建对象;InitEvent()界面监听事件;loadData()漫游列表信息

2.漫游路线列表信息:

loadData:function () {

//请求三维漫游轨迹

$.ajax({

url: "/information/fly/queryAll",

type: 'post',

async: true,//异步

dataType: 'json',

success: function (data) {

var html=''

if (data.length>0) {

for(var i=0;i

var flydata=data[i];

html+='

'+

// '

'+

'

'+flydata.name+''+

'

飞行'+

'

修改'+

'

删除'+

"

&
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值