export function addMovingTargetsWebsocket(viewer) {
    const ws = new WebSocket('ws://localhost:8080');
    ws.onopen = function() {
        console.log('连接开启');
    };

    let property = new Cesium.SampledPositionProperty();
    let start = Cesium.JulianDate.fromDate(new Date());  // 设置时间轴当前时间为开始时间
    start = Cesium.JulianDate.addHours(start, 8, new Cesium.JulianDate());   // 开始时间加8小时改为北京时间
    let stop = Cesium.JulianDate.addSeconds(start, 400, new Cesium.JulianDate());   // 设置结束时间为开始时间加400秒

    viewer.clock.startTime = start.clone();  // 设置时钟开始时间
    viewer.clock.currentTime = start.clone();  // 设置时钟当前时间
    viewer.clock.stopTime = stop.clone();  // 设置时钟结束时间
    viewer.clock.multiplier = 1;  // 设置时间倍数
    viewer.timeline.zoomTo(start, stop);  // 时间轴绑定到viewer上去
    viewer.clock.clockRange = Cesium.ClockRange.LOOP_STOP;  // 循环执行，到达终止时间，重新从起点时间开始

    let entity = viewer.entities.add({
        availability: new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({
            start: start,  
            stop: stop
        })]),
        position: property,
        orientation: new Cesium.VelocityOrientationProperty(property),  // 根据速度计算方向角
        model: {
            uri: 'https://raw.githubusercontent.com/jinlinchao123/Cesium-assets/main/3Dmodel/ship.glb', //gltf文件的URL
            scale: 0.05,     // 放大倍数
            silhouetteColor: Cesium.Color.fromCssColorString('rgba(0, 255, 0, 1)'),   // 船模型边框颜色
            silhouetteSize: 1,      // 船模型边框宽度
            minimumPixelSize: 128
        },
        path: {    // 船路径
            resolution: 1,  //  这个不知道是啥
            material: new Cesium.PolylineGlowMaterialProperty({
                glowPower: 0.1,    // 颜色透明度
                color: Cesium.Color.fromCssColorString('rgba(0, 253, 239, 0.5)')   // 路线颜色
            }),
            width: 2  // 路线的显示宽度
        }
    });
    viewer.trackedEntity = entity;   // 视角跟随模型

    ws.onmessage = function(event) {
        const data = JSON.parse(event.data);
        console.log('Received data:', data);

        // 更新位置属性
        let time = Cesium.JulianDate.addSeconds(start, data.time, new Cesium.JulianDate());
        let position = Cesium.Cartesian3.fromDegrees(data.longitude, data.latitude, data.height);
        property.addSample(time, position);
    };

    ws.onclose = function() {
        console.log('连接关闭');
    };
}




/**
 * export function addMovingTargets(viewer) {
    const ws = new WebSocket('ws://localhost:8080');
    ws.onopen = function() {
      console.log('连接开启');
    };

    let start = Cesium.JulianDate.fromDate(new Date());  // 设置时间轴当前时间为开始时间
    start = Cesium.JulianDate.addHours(start, 8, new Cesium.JulianDate());   // 开始时间加8小时改为北京时间
    let stop = Cesium.JulianDate.addSeconds(start, 400, new Cesium.JulianDate());   // 设置结束时间为开始时间加400秒

    viewer.clock.startTime = start.clone();  // 设置时钟开始时间
    viewer.clock.currentTime = start.clone();  // 设置时钟当前时间
    viewer.clock.stopTime = stop.clone();  // 设置时钟结束时间
    viewer.clock.multiplier = 1;  // 设置时间倍数
    viewer.timeline.zoomTo(start, stop);  // 时间轴绑定到viewer上去
    viewer.clock.clockRange = Cesium.ClockRange.LOOP_STOP;  // 循环执行，到达终止时间，重新从起点时间开始

    let modelArr = [];
    let pendingUpdates = {};

    // 创建飞机
    function createModel(obj) {
      let property = new Cesium.SampledPositionProperty();
      property.setInterpolationOptions({
        interpolationDegree: 5,
        interpolationAlgorithm: Cesium.LagrangePolynomialApproximation,
      });
      let entity = viewer.entities.add({
        position: property,
        orientation: new Cesium.VelocityOrientationProperty(property),
        model: {
          uri: "https://raw.githubusercontent.com/jinlinchao123/Cesium-assets/main/3Dmodel/Cesium_Air.glb",
          minimumPixelSize: 60
        }
      });
      entity.attr = {
        property: property,
        icao: obj.icao
      };
      return entity;
    }

    // 获取模型
    function getModelById(id) {
      if (!id) return null;
      let obj = {};
      for (let i = 0; i < modelArr.length; i++) {
        let item = modelArr[i];
        if (id === item.attr.icao) {
          obj.index = i;
          obj.model = item;
          break;
        }
      }
      return obj;
    }

    // 更新模型位置
    function updateModelPosition(icao, position, time) {
      let obj = getModelById(icao);
      if (obj.model) {
        obj.model.attr.property.addSample(time, position);
      }
    }

    ws.onmessage = function(event) {
      const data = JSON.parse(event.data);
      console.log('Received data:', data);

      let item = data; // 单个数据点
      let icao = item.icao;
      let position = Cesium.Cartesian3.fromDegrees(item.longitude, item.latitude, item.altitude);
      let julianDate = Cesium.JulianDate.addSeconds(start, item.time, new Cesium.JulianDate());

      // 存储待更新的数据
      pendingUpdates[icao] = { position, julianDate };

      // 延迟几秒钟再更新位置
      setTimeout(() => {
        if (pendingUpdates[icao]) {
          let obj = getModelById(icao);
          if (!obj.model) {
            // 如果模型不存在，创建模型
            obj.model = createModel(item);
            modelArr.push(obj.model);
          }
          updateModelPosition(icao, pendingUpdates[icao].position, pendingUpdates[icao].julianDate);
          delete pendingUpdates[icao];
        }
      }, 3000); // 延迟3秒钟
    };

    ws.onclose = function() {
      console.log('连接关闭');
    };
}
 */