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

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

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

实现的思路如下：

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+''+

'

飞行'+

'

修改'+

'

删除'+

"

" + flydata.id + "" +

"

"