数字孪生城市智能感知（持续更新）

比欧何

已于 2022-07-14 10:40:51 修改

阅读量1.1k

点赞数 1

文章标签： javascript 前端开发语言

于 2022-07-14 10:38:53 首次发布

本文链接：https://blog.csdn.net/weixin_42239877/article/details/125777261

版权

该博客介绍了如何利用Vue2和Cesium引擎搭建数字孪生城市的界面，包括移动平台运行轨迹的可视化，如无人机飞行和卫星轨迹模拟。同时，详细阐述了感知资源的可视化，如站点模型加载和不同类型的传感器展示。此外，还探讨了感知过程的可视化，如卫星仿真覆盖时间轴，并计划进一步优化三维融合效果。

摘要由CSDN通过智能技术生成

一、界面搭建

使用vue2+Cesium开源引擎开发；
UI组件使用iview、echarts等；

二、实现功能

2.1 可视化菜单：

2.1.1 移动平台运行轨迹

无人机飞行仿真

//加载无人机路径函数
startAnalyse() {
   
  if (drone) {
   
    drone.EndRoaming();
    console.log('delete drone')
  }
  let shpPath;
  if (this.droneForm.roadLines === 'uavlines') {
   
    shpPath = "static/shp/drone/uavline092301.shp";
  } else {
   
    shpPath = this.upLoadData
  }

  let position1 = Cesium.Cartesian3.fromDegrees(
    112.62,
    30.29,
    0
  );

  if(this.viewer.entities.getById('cugBuildings')){
   
    this.viewer.entities.removeById('cugBuildings')
  }

  let buildings = this.viewer.entities.add({
   
    id: 'cugBuildings',
    position: position1,
    model: {
   
      uri: "static/models/building_0.glb",
      minimumPixelSize: 1000,
      maximumScale: 2000,
    },
  });
  /* 加载线数据 */
  let ds6 = shpToGeojson(
    this.viewer,
    shpPath,
    [1.0, 0.0, 0.0, 1.0],
    "线",
    0.0,
    "polyline"
  );
  let position;
  let velocity = parseInt(this.droneForm.velocity)

  let startPoint = parseInt(this.droneForm.startPoint)
  ds6.then((res) => {
   
    let dataSource = res[0];
    let polyline = res[1][0].polyline;
    position = polyline.positions._value;
    drone = new DroneRoaming(this.viewer, {
   
      name: "无人机1",
      pathColor: Cesium.Color.YELLOW,
      uri: `static/models/CesiumDrone.glb`,
      velocity: velocity, //km/h
      position: position,
      startPoint: startPoint,
      startTime: this.droneForm.date1