Cesium飞行漫游

名称:

‘,
// width: 300,
// height: 120,
// modal: true,// 非模态，即不显示遮罩层
// buttons: [
// {
// text: ‘确定’,
// handler: function (button, dialog) {
// var draw3DObj=JSON.stringify(bxmap.FlyCesium.draw3DObj); //将JSON对象转化为JSON字符
// var TbFly={id:Math.random().toString(36).substr(2),name:$(“#FlyAdd_name”).val(),geojson:draw3DObj};
// bxmap.FlyCesium.data.push(TbFly);
// $(“#overFlyClick”).click();
// dialog.close();
// bxmap.FlyCesium.clearFly3DPaths();
//
// }
// }, {
// text: ‘取消’,
// handler: function (button, dialog) {
// dialog.close();
// }
// }
// ]
// });
//
// }else{
// jDialog.dialog({
// title: “提示信息”,
// modal: true,// 非模态，即不显示遮罩层
// autoClose: 1500,
// content: “设定的漫游路线不存在，请绘制再保存”
// });
// }
//
// });
},
//飞行路径列表表格监听事件
flyTableOnclick: function() {
$(“#overFly_table td”).click(function() {
var trSeq = $(this)
.parent()
.parent()
.find(“tr”)
.index($(this).parent()); //选中的哪行
var geojson = $(
“#overFly_table tr:gt(0):eq(“ + trSeq + “) td:eq(5)”
).text(); //获取选中行的geojson列值
var name = $(“#overFly_table tr:gt(0):eq(“ + trSeq + “) td:eq(0)”).text(); //获取选中行的name列值
var id = $(“#overFly_table tr:gt(0):eq(“ + trSeq + “) td:eq(4)”).text(); //获取选中行的id列值
geojson = eval(“(“ + geojson + “)”);
var tdSeq = $(this)
.parent()
.find(“td”)
.index($(this)); //选中哪一列
switch (tdSeq) {
case 0: //名称
break;
case 1: //飞行
bxmap.FlyCesium.draw3DObj = geojson;
//bxmap.FlyCesium.cesium.showFly3DPaths(geojson);
bxmap.FlyCesium.showFly3DPaths(geojson);
$(“#drawFlyCilck”).click();
break;
case 2: //修改
jDialog.dialog({
title: “修改路线”,
content:
‘

名称:

‘,
width: 300,
height: 120,
modal: true, // 非模态，即不显示遮罩层
buttons: [
{
text: “确定”,
handler: function(button, dialog) {
bxmap.FlyCesium.data = bxmap.FlyCesium.modifyElement(
bxmap.FlyCesium.data,
id,
$(“#Fly_name”).val()
);
$(“#overFlyClick”).click();
dialog.close();
},
},
{
text: “取消”,
handler: function(button, dialog) {
dialog.close();
},
},
],
});
break;
case 3: //删除
//删除
jDialog.dialog({
title: “删除路线”,
modal: true, // 非模态，即不显示遮罩层
content: “确定要删除该漫游路线?”,
buttons: [
{
text: “确定”,
handler: function(button, dialog) {
bxmap.FlyCesium.data = bxmap.FlyCesium.delElement(
bxmap.FlyCesium.data,
id
);
$(“#overFlyClick”).click();
dialog.close();
},
},
{
text: “取消”,
handler: function(button, dialog) {
dialog.close();
},
},
],
});
break;
}
});
},
/**
* 从数组中移除指定的元素,要是存在的话
@ serviceArray筛选数组
@ id移除元素id
/
delElement: function(serviceArray, id) {
var array = [];
for (var i = 0; i < serviceArray.length; i++) {
if (serviceArray[i].id != id) {
array.push(serviceArray[i]);
}
}
return array;
},
/**
* 从数组中修改指定的元素,要是存在的话
@ serviceArray筛选数组
@ id修改元素id
@ name修改元素名称
*/
modifyElement: function(serviceArray, id, name) {
var array = [];
for (var i = 0; i < serviceArray.length; i++) {
if (serviceArray[i].id == id) {
serviceArray[i].name = name;
}
array.push(serviceArray[i]);
}
return array;
},
loadData: function() {
var data = bxmap.FlyCesium.data;
var html = “”;
if (data.length > 0) {
for (var i = 0; i < data.length; i++) {
var flydata = data[i];
html +=
““ +
// ‘‘+
‘‘ +
flydata.name +
““ +
‘‘ +
‘‘ +
‘‘ +
““ +
flydata.id +
““ +
““ +
flydata.geojson +
““ +
““ +
flydata.position +
““ +
““ +
flydata.orientation +
““ +
““;
}
$(“#overFly_table tbody”).html(html);
$(“#overFly_table”)
.find(“td:eq(4)”)
.hide(); //隐藏id字段列
$(“#overFly_table”)
.find(“td:eq(5)”)
.hide(); //隐藏geojson字段列
$(“#overFly_table”)
.find(“td:eq(6)”)
.hide(); //隐藏position字段列
$(“#overFly_table”)
.find(“td:eq(7)”)
.hide(); //隐藏orientation字段列
//表格—行点击事件
bxmap.FlyCesium.flyTableOnclick();
}
},
/*

清空漫游路径
@method stopFly3DPaths
@param
@return
/
clearFly3DPaths: function() {
this.cesiumViewer.trackedEntity = undefined;
bxmap.FlyCesium.isDrawFly = false;
bxmap.FlyCesium.draw3DObj = null;
this.cesiumViewer.entities.removeAll(); //清空所有模型
//清空绘制飞行路线
if (this.drawPolyline) {
this.cesiumViewer.scene.primitives.remove(this.drawPolyline);
this.drawPolyline = null;
}
},
setFlySpeed(multiplier) {
this.cesiumViewer.clock.multiplier = multiplier;
},
getFlySpeed() {
return this.cesiumViewer.clock.multiplier;
},
/**
飞行漫游路径
@method showFly3DPaths
@param pathsData 飞行路径信息,格式如下:{“orientation”:{“heading”:2.411783930363565,”pitch”:-0.21097267398444197,”roll”:0.0015622392231300353},”position”: {“x”:-2206260.239730831,”y”:5510911.392077349,”z”:2331987.10863007}, “geometry”:{“type”: “LineString”, “coordinates”: [[101.80089882736969, 26.60700234866561], [101.80082205161088, 26.607156056057718]]} }
@param position 飞行路径跳转位置
@return

/
showFly3DPaths: function(pathsData) {
var T = this;
this.clearFly3DPaths();
T.cesiumViewer.camera.setView({
destination: pathsData.position,
orientation: pathsData.orientation,
});
setTimeout(function() {
executeFly3D();
}, 200);
function executeFly3D() {
if (pathsData && pathsData.geometry) {

var positionA = pathsData.geometry.coordinates;
var position = [];
if (positionA.length > 0) {
  for (var i = 0; i < positionA.length; i++) {
    var x = positionA[i][0];
    var y = positionA[i][1];
    position.push({ x: x, y: y });
  }
} else {
  return;
}
function computeCirclularFlight() {
  var property = new Cesium.SampledPositionProperty();
  for (var i = 0; i < position.length; i++) {
    if (i == 0) {
      var time = Cesium.JulianDate.addSeconds(
        start,
        i,
        new Cesium.JulianDate()
      );
      //var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 1170);
      var _position = Cesium.Cartesian3.fromDegrees(
        position[i].x,
        position[i].y,
        0
      );
      property.addSample(time, _position);
    }
    if (i < 10000 && i > 0) {
      var position_a = new Cesium.Cartesian3(
        property._property._values[i * 3 - 3],
        property._property._values[i * 3 - 2],
        property._property._values[i * 3 - 1]
      );
      if (i < 976) {
        //var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 1170);
        var _position = Cesium.Cartesian3.fromDegrees(
          position[i].x,
          position[i].y,
          0
        );
      } else if (i > 975 && i < 986) {
        //var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 1170 + 20 * (i - 980));
        var _position = Cesium.Cartesian3.fromDegrees(
          position[i].x,
          position[i].y,
          0
        );
      } else if (i > 985) {
        //var _position = Cesium.Cartesian3.fromDegrees(position[i].x, position[i].y, 1170 + 200);
        var _position = Cesium.Cartesian3.fromDegrees(
          position[i].x,
          position[i].y,
          0
        );
      }

      var positions = [
        Cesium.Ellipsoid.WGS84.cartesianToCartographic(position_a),
        Cesium.Ellipsoid.WGS84.cartesianToCartographic(_position),
      ];
      var a = new Cesium.EllipsoidGeodesic(positions[0], positions[1]);
      var long = a.surfaceDistance;
      var _time = long / 50;
      var time = Cesium.JulianDate.addSeconds(
        property._property._times[i - 1],
        _time,
        new Cesium.JulianDate()
      );

      property.addSample(time, _position);
    }
  }
  return property;
}
var start = Cesium.JulianDate.fromDate(new Date(2018, 3, 15, 16));
var stop = Cesium.JulianDate.addSeconds(
  start,
  30000,
  new Cesium.JulianDate()
);

//Make sure viewer is at the desired time.
T.cesiumViewer.clock.startTime = start.clone();
T.cesiumViewer.clock.stopTime = stop.clone();
T.cesiumViewer.clock.currentTime = start.clone();
T.cesiumViewer.clock.clockRange = Cesium.ClockRange.LOOP_STOP; //Loop at the end
//T.cesiumViewer.clock.clockRange = Cesium.ClockRange.UNBOUNDED; //
//T.cesiumViewer.clock.clockStep = Cesium.ClockStep.SYSTEM_CLOCK; //
//T.cesiumViewer.clock.multiplier = 10;//值越大，飞行越快
T.cesiumViewer.clock.multiplier = 0.6;
T.cesiumViewer.clock.canAnimate = false;
T.cesiumViewer.clock.shouldAnimate = true; //设置时间轴动态效果

var _position = computeCirclularFlight();

T.entityFly = T.cesiumViewer.entities.add({
  //Set the entity availability to the same interval as the simulation time.
  availability: new Cesium.TimeIntervalCollection([
    new Cesium.TimeInterval({
      start: start,
      stop: stop,
    }),
  ]),
  position: _position,
  orientation: new Cesium.VelocityOrientationProperty(_position),
  /*model: {
            uri:GLOBAL.domainResource+"/systems/common-bx-gis/models/cesium/SampleData/models/CesiumAir/Cesium_Air.gltf",
            scale: 6,
            minimumPixelSize: 64,
            //heightReference: Cesium.HeightReference.RELATIVE_TO_GROUND
        },*/
  point: {
    color: Cesium.Color.RED,
    outlineColor: Cesium.Color.WHITE,
    outlineWidth: 2,
    pixelSize: 15,
  },
  //Show the path as a pink line sampled in 1 second increments.
  path: {
    resolution: 1,
    material: new Cesium.PolylineGlowMaterialProperty({
      glowPower: 0.1,
      color: Cesium.Color.YELLOW,
    }),
    //width: 30
    width: 10,
  },
});
T.cesiumViewer.trackedEntity = T.entityFly;
setTimeout(function() {
  T.cesiumViewer.camera.zoomOut(500.0); //缩小地图，避免底图没有数据
}, 100);

} else {

return;

}
}
},
/**

暂停飞行漫游路径
@method pauseFly3DPaths
@return
/
pauseFly3DPaths: function() {
var clockViewModel = this.cesiumViewer.clockViewModel;
if (clockViewModel.shouldAnimate) {
clockViewModel.shouldAnimate = false;
} else if (this.cesiumViewer.clockViewModel.canAnimate) {
clockViewModel.shouldAnimate = true;
}
},
/**
向前飞行漫游路径
@method playForwardFly3DPaths
@return
/
playForwardFly3DPaths: function() {
var clockViewModel = this.cesiumViewer.clockViewModel;
var multiplier = clockViewModel.multiplier;
if (multiplier < 0) {
clockViewModel.multiplier = -multiplier;
}
clockViewModel.shouldAnimate = true;
},
/**
向后飞行漫游路径
@method playForwardFly3DPaths
@return
/
playReverseFly3DPaths: function() {
var clockViewModel = this.cesiumViewer.clockViewModel;
var multiplier = clockViewModel.multiplier;
if (multiplier > 0) {
clockViewModel.multiplier = -multiplier;
}
clockViewModel.shouldAnimate = true;
},
/**
设定飞行漫游路径
@method DrawFly3DPaths
@return

/
DrawFly3DPaths: function(drawHelper) {
var T = this;
this.clearFly3DPaths();
drawHelper.startDrawingPolyline({
callback: function(positions) {

T.drawPolyline = new DrawHelper.PolylinePrimitive({
  positions: positions,
  width: 5,
  type: "plot",
  geodesic: true,
});
T.cesiumViewer.scene.primitives.add(T.drawPolyline);
T.drawPolyline.setEditable();
//构造设定路线的返回信息
var coordinates = [];
var position = null;
var heading = null;
var pitch = null;
var roll = null;
for (var i = 0; i < positions.length; i++) {
  var cartographic = Cesium.Cartographic.fromCartesian(positions[i]); //世界坐标转地理坐标（弧度）
  var point = [
    (cartographic.longitude / Math.PI) * 180,
    (cartographic.latitude / Math.PI) * 180,
  ]; //地理坐标（弧度）转经纬度坐标
  //console.log(point);
  coordinates.push(point);
}
//orientation":{"heading":2.411783930363565,"pitch":-0.21097267398444197,"roll":0.0015622392231300353},"position": {"x":-2206260.239730831,"y":5510911.392077349,"z":2331987.10863007},
position = drawHelper._cameraPosition;
heading = drawHelper._cameraHeading;
pitch = drawHelper._cameraPitch;
roll = drawHelper._cameraRoll;
var pathsData = {
  orientation: { heading: heading, pitch: pitch, roll: roll },
  position: position,
  geometry: { type: "LineString", coordinates: coordinates },
};
if (bxmap.FlyCesium) {
  bxmap.FlyCesium.draw3DObj = T.draw3DObj = pathsData;
  bxmap.FlyCesium.isDrawFly = true;
}
//return T.draw3DObj;

},
});
},
/**

退出飞行漫游路径
@method stopFly3DPaths
@param
@return
/
stopFly3DPaths: function() {
var start = Cesium.JulianDate.fromDate(new Date());
this.cesiumViewer.clock.startTime = start.clone();
var stop = Cesium.JulianDate.addSeconds(
start,
300000000,
new Cesium.JulianDate()
);
this.cesiumViewer.clock.stopTime = stop.clone();
//this.cesiumViewer.entities.remove(this.entityFly);
this.clearFly3DPaths();
},
};