deeptwins-engine-3d 0.0.47 → 0.0.49

package/dist/cameraControl/ModelRoamRealTime.d.ts

@@ -6,6 +6,7 @@ interface Position {
     lng: number;
     lat: number;
     alt: number;
+    timestamp?: number;
 }
 export default class ModelRoamRealTime {
     readonly _map: any;
@@ -16,16 +17,21 @@ export default class ModelRoamRealTime {
     private readonly _onPositionUpdate;
     modelLayer: any;
     polylineLayer: any;
-    private positions;
-    private positionsLineC3;
-    private positionInterC3;
-    private _eventPreUpdate;
+    private _lastFrameTime;
+    private _stepAccumulator;
+    private _frameCount;
+    private _fps;
+    private _time;
+    private receivedPositions;
+    private completedSegments;
+    private currentSegment;
+    private futureSegments;
+    private currentPointIndex;
+    private segmentCounter;
+    private _eventPostUpdate;
     private modelMatrix;
     private hpRoll;
-    private _time;
     status: 'stop' | 'running' | 'destroy';
-    private currentPathIndex;
-    private maxPathIndex;
     private targetHeading;
     private currentHeading;
     private rotationSpeed;
@@ -35,9 +41,20 @@ export default class ModelRoamRealTime {
     /**
      * 实时添加点位
      * @param newPosition 新位置点
-     * @throws 如果新位置与上一个位置完全相同
      */
     updatePosition(newPosition: Position): void;
+    /**
+     * 判断两个位置是否相同
+     */
+    private isSamePosition;
+    /**
+     * 创建新的路径段
+     */
+    private createNewSegment;
+    /**
+     * 开始漫游
+     */
+    private startRoaming;
     /**
      * 计算两点之间的路径点
      * 使用插值算法生成平滑的路径
@@ -49,7 +66,7 @@ export default class ModelRoamRealTime {
     private _getInterPosition;
     /**
      * 初始化模型
-     * 加载模型
+     * 加载模型到第一个位置
      * @param initialPosition 初始位置
      */
     private initModel;
@@ -58,6 +75,31 @@ export default class ModelRoamRealTime {
      * 更新模型位置、朝向和路径线
      */
     private updateModel;
+    /**
+     * 完成当前路径段，切换到下一个路径段
+     */
+    private completeCurrentSegment;
+    /**
+     * 初始化轨迹线Entity
+     */
+    private initTrailLine;
+    /**
+     * 获取轨迹线位置点
+     * 返回：已完成路径段的起始点和结束点 + 当前路径段已飞行的插值点
+     */
+    private getTrailLinePositions;
+    /**
+     * 更新轨迹线 - 现在由CallbackProperty自动更新
+     */
+    private updateTrailLine;
+    /**
+     * 获取当前状态信息
+     */
+    getStatus(): any;
+    /**
+     * 获取详细的飞行信息
+     */
+    getFlightDetails(): any;
     /**
      * 计算模型朝向
      * @param start 起始点

package/dist/cameraControl/ModelRoamRealTime.js

@@ -20,6 +20,10 @@ import { colorString } from "../tool/utils";
  * 位置信息
  */
 
+/**
+ * 路径段信息
+ */
+
 /**
  * 相机设置
  */
@@ -44,28 +48,37 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
     _defineProperty(this, "modelLayer", void 0);
     // 轨迹layer
     _defineProperty(this, "polylineLayer", void 0);
-    // 所有位置信息点
-    _defineProperty(this, "positions", []);
-    // 所有轨迹位置信息点 Cartesian3
-    _defineProperty(this, "positionsLineC3", []);
-    // 插值后的位置信息点 Cartesian3
-    _defineProperty(this, "positionInterC3", []);
+    // 上一帧时间
+    _defineProperty(this, "_lastFrameTime", performance.now());
+    // 累加器
+    _defineProperty(this, "_stepAccumulator", 0);
+    _defineProperty(this, "_frameCount", 0);
+    _defineProperty(this, "_fps", 'N/A');
+    // 重新设计的数据结构
+    // 上个点位的时间
+    _defineProperty(this, "_time", performance.now());
+    // 接收到的原始位置数据
+    _defineProperty(this, "receivedPositions", []);
+    // 已完成飞行的路径段
+    _defineProperty(this, "completedSegments", []);
+    // 当前正在飞行的路径段
+    _defineProperty(this, "currentSegment", null);
+    // 未来计划飞行的路径段队列
+    _defineProperty(this, "futureSegments", []);
+    // 当前在路径段中的索引位置
+    _defineProperty(this, "currentPointIndex", 0);
+    // 路径段计数器
+    _defineProperty(this, "segmentCounter", 0);
     // 帧率更新的事件
-    _defineProperty(this, "_eventPreUpdate", void 0);
+    _defineProperty(this, "_eventPostUpdate", void 0);
     // 模型参数
     // 模型变换矩阵
     _defineProperty(this, "modelMatrix", new Cesium.Matrix4());
     // 模型姿态
     _defineProperty(this, "hpRoll", new Cesium.HeadingPitchRoll());
     // 漫游相关
-    // 上个点位的时间
-    _defineProperty(this, "_time", new Date().getTime());
     // 状态
     _defineProperty(this, "status", 'stop');
-    // 当前漫游路径点索引
-    _defineProperty(this, "currentPathIndex", 0);
-    // 最大路径点索引
-    _defineProperty(this, "maxPathIndex", 0);
     // 目标朝向角度
     _defineProperty(this, "targetHeading", 0);
     // 当前朝向角度
@@ -87,57 +100,47 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
      * 更新模型位置、朝向和路径线
      */
     _defineProperty(this, "updateModel", function () {
-      if (_this.currentPathIndex >= _this.maxPathIndex) {
+      var currentTime = performance.now();
+      _this._frameCount++;
+      if (currentTime - _this._lastFrameTime > 1000) {
+        _this._fps = _this._frameCount;
+        _this._frameCount = 0;
+        _this._lastFrameTime = currentTime;
+      }
+      if (!_this.currentSegment || _this.status !== 'running') {
+        return;
+      }
+
+      // 检查当前路径段是否完成
+      if (_this.currentPointIndex >= _this.currentSegment.interpolatedPoints.length) {
+        _this.completeCurrentSegment();
         return;
       }
-      if (_this.currentPathIndex > 0 && _this.currentPathIndex < _this.positionInterC3.length - 1 && !_this.positionInterC3[_this.currentPathIndex - 1].equals(_this.positionInterC3[_this.currentPathIndex])) {
-        _this.getHeading(_this.positionInterC3[_this.currentPathIndex - 1], _this.positionInterC3[_this.currentPathIndex]);
+      var currentPos = _this.currentSegment.interpolatedPoints[_this.currentPointIndex];
+
+      // 计算朝向
+      if (_this.currentPointIndex > 0) {
+        var prevPos = _this.currentSegment.interpolatedPoints[_this.currentPointIndex - 1];
+        _this.getHeading(prevPos, currentPos);
       }
+
       // 更新朝向
       _this.updateHeading();
-      var currentPos = _this.positionInterC3[_this.currentPathIndex];
-      if (!_this.positionsLineC3.some(function (pos) {
-        return pos.equals(currentPos);
-      })) {
-        _this.positionsLineC3.push(currentPos);
-        if (_this.positions.length > 1) {
-          // 更新轨迹
-          _this.polylineLayer && _this._map.scene.primitives.remove(_this.polylineLayer);
-          var trailGeometry = new Cesium.GeometryInstance({
-            id: '_modelRoamRealTimePolyline',
-            geometry: new Cesium.PolylineGeometry({
-              positions: _this.positionsLineC3,
-              width: _this.polylineOptions.width,
-              vertexFormat: Cesium.PolylineMaterialAppearance.VERTEX_FORMAT
-            })
-          });
-          _this.polylineLayer = _this._map.scene.primitives.add(new Cesium.Primitive({
-            geometryInstances: trailGeometry,
-            appearance: _this.polylineLayer ? _this.polylineLayer.appearance : new Cesium.PolylineMaterialAppearance({
-              material: new Cesium.Material({
-                fabric: {
-                  type: 'Color',
-                  uniforms: {
-                    color: colorString(_this.polylineOptions.color)
-                  }
-                }
-              })
-            }),
-            asynchronous: false
-          }));
-        }
-      }
-      if (_this.modelLayer && _this.currentPathIndex < _this.positionInterC3.length) {
-        // 更新模型位置
-        var _position = _this.positionInterC3[_this.currentPathIndex];
-        _this.modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(_position, _this.hpRoll, Cesium.Ellipsoid.WGS84, Cesium.Transforms.localFrameToFixedFrameGenerator('north', 'west'));
+
+      // 初始化轨迹线（如果还未创建）
+      _this.updateTrailLine();
+
+      // 更新模型位置
+      if (_this.modelLayer) {
+        // 只有位置真正发生变化时才更新矩阵
+        _this.modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(currentPos, _this.hpRoll, Cesium.Ellipsoid.WGS84, Cesium.Transforms.localFrameToFixedFrameGenerator('north', 'west'));
         _this.modelLayer.modelMatrix = _this.modelMatrix;
 
         // 调用位置更新回调
         if (_this._onPositionUpdate) {
-          var cartographic = Cesium.Cartographic.fromCartesian(_position);
+          var cartographic = Cesium.Cartographic.fromCartesian(currentPos);
           _this._onPositionUpdate({
-            lon: Cesium.Math.toDegrees(cartographic.longitude),
+            lng: Cesium.Math.toDegrees(cartographic.longitude),
             lat: Cesium.Math.toDegrees(cartographic.latitude),
             height: cartographic.height
           });
@@ -146,19 +149,31 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
           _this.updateCameraView();
         }
       }
-      _this.currentPathIndex++;
+      _this.currentPointIndex++;
+      if (_this._fps === 'N/A') {
+        _this.currentPointIndex++;
+      } else {
+        // 每帧应飞的“点数”（允许小数）
+        var exactStep = _this._map.targetFrameRate / _this._fps;
+        // 累加步长
+        _this._stepAccumulator += exactStep;
+        // 取整：当前帧应飞的“完整点数”
+        var step = Math.max(1, Math.floor(_this._stepAccumulator));
+        // 剩余留给下帧
+        _this._stepAccumulator -= step;
+        _this.currentPointIndex = _this.currentPointIndex + step;
+      }
     });
-    var _ref = options || {},
-      model = _ref.model,
-      polyline = _ref.polyline,
-      onPositionUpdate = _ref.onPositionUpdate,
-      flyTo = _ref.flyTo;
     if (!map) {
       throw new Error('undefined map');
     }
-    if (!options.model && !((_options$model = options.model) !== null && _options$model !== void 0 && _options$model.url)) {
-      throw new Error('undefined model');
+    if (!options || !options.model || !((_options$model = options.model) !== null && _options$model !== void 0 && _options$model.url)) {
+      throw new Error('undefined model or invalid options');
     }
+    var model = options.model,
+      polyline = options.polyline,
+      onPositionUpdate = options.onPositionUpdate,
+      flyTo = options.flyTo;
     this._map = map;
     this.modelOptions = model;
     this.polylineOptions = merge(constant.DEFAULT_POLYLINE_PRIMITIVE_OPTIONS(), cloneDeep(polyline || {}));
@@ -169,44 +184,98 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
   /**
    * 实时添加点位
    * @param newPosition 新位置点
-   * @throws 如果新位置与上一个位置完全相同
    */
   _createClass(ModelRoamRealTime, [{
     key: "updatePosition",
     value: function updatePosition(newPosition) {
+      if (!newPosition) return;
       if (this.status === 'destroy') return;
-      if (!this.positions.length) {
+
+      // 添加时间戳
+      if (!newPosition.timestamp) {
+        newPosition.timestamp = new Date().getTime();
+      }
+
+      // 如果是第一次接收数据，初始化模型
+      if (this.receivedPositions.length === 0) {
+        this.receivedPositions.push(newPosition);
         this.initModel(newPosition);
         return;
       }
 
-      // 获取最后一个目标点的位置（而不是当前飞行位置）
-      var lastTargetPos = this.positions[this.positions.length - 1];
-      if (lastTargetPos) {
-        if (newPosition.lng === lastTargetPos.lng && newPosition.lat === lastTargetPos.lat && Math.abs(newPosition.alt - lastTargetPos.alt) < 0.1) {
-          return;
-        }
+      // 检查是否与上一个位置相同
+      var lastPos = this.receivedPositions[this.receivedPositions.length - 1];
+      if (this.isSamePosition(newPosition, lastPos)) {
+        return;
       }
 
-      // 将新位置添加到目标点数组
-      this.positions.push(newPosition);
+      // 添加新位置到接收队列
+      this.receivedPositions.push(newPosition);
 
-      // 从最后一个目标点计算到新点的路径
-      var lastPos = Cesium.Cartesian3.fromDegrees(lastTargetPos.lng, lastTargetPos.lat, lastTargetPos.alt);
-      var newPos = Cesium.Cartesian3.fromDegrees(newPosition.lng, newPosition.lat, newPosition.alt);
+      // 创建新的路径段
+      this.createNewSegment(lastPos, newPosition);
 
-      // 飞行时间
-      var newTime = new Date().getTime();
+      // 如果模型还未开始运行，启动运行
+      if (this.status === 'stop') {
+        this.startRoaming();
+      }
+    }
+
+    /**
+     * 判断两个位置是否相同
+     */
+  }, {
+    key: "isSamePosition",
+    value: function isSamePosition(pos1, pos2) {
+      return pos1.lng === pos2.lng && pos1.lat === pos2.lat && Math.abs(pos1.alt - pos2.alt) < 0.1;
+    }
+
+    /**
+     * 创建新的路径段
+     */
+  }, {
+    key: "createNewSegment",
+    value: function createNewSegment(startPos, endPos) {
+      var startC3 = Cesium.Cartesian3.fromDegrees(startPos.lng, startPos.lat, startPos.alt);
+      var endC3 = Cesium.Cartesian3.fromDegrees(endPos.lng, endPos.lat, endPos.alt);
+
+      // 计算飞行时间
+      var newTime = performance.now();
       var flightTime = (newTime - this._time) / 1000;
       this._time = newTime;
-      var newPath = this._getInterPosition(lastPos, newPos, flightTime);
-      if (this.status === 'running') {
-        this.positionInterC3 = this.positionInterC3.concat(newPath);
-        this.maxPathIndex = this.positionInterC3.length;
+
+      // 计算插值点
+      var interpolatedPoints = this._getInterPosition(startC3, endC3, flightTime);
+      var newSegment = {
+        startPos: startPos,
+        endPos: endPos,
+        interpolatedPoints: interpolatedPoints,
+        segmentIndex: this.segmentCounter++,
+        isCompleted: false
+      };
+
+      // 如果当前没有正在飞行的路径段，则设为当前段
+      if (!this.currentSegment) {
+        this.currentSegment = newSegment;
+        this.currentPointIndex = 0;
       } else {
-        this.currentPathIndex = 0;
+        // 否则加入未来路径段队列
+        this.futureSegments.push(newSegment);
       }
     }
+
+    /**
+     * 开始漫游
+     */
+  }, {
+    key: "startRoaming",
+    value: function startRoaming() {
+      if (this.status === 'running') return;
+      this.status = 'running';
+      // 监听帧率更新
+      this._eventPostUpdate = this._map.on(constant.SCENE_EVENT_TYPE.POST_UPDATE, this.updateModel);
+    }
+
     /**
      * 计算两点之间的路径点
      * 使用插值算法生成平滑的路径
@@ -239,11 +308,8 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
         return arr;
       }
 
-      // 设置无人机飞行参数
-      var updateRate = 60; // 每秒更新次数
-
-      // 计算总的插值点数
-      var numberOfPoints = Math.max(10, Math.floor(flightTime * updateRate));
+      // 计算总的插值点数 用最大帧率*时间计算点位
+      var numberOfPoints = Math.max(10, Math.floor(flightTime * this._map.targetFrameRate));
 
       // 计算时间步长
       var timeStep = 1.0 / (numberOfPoints - 1);
@@ -278,9 +344,10 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
       }
       return arr;
     }
+
     /**
      * 初始化模型
-     * 加载模型
+     * 加载模型到第一个位置
      * @param initialPosition 初始位置
      */
   }, {
@@ -292,20 +359,17 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              // 添加初始位置到目标点数组
-              this.positions.push(initialPosition);
-              pos = Cesium.Cartesian3.fromDegrees(initialPosition.lng, initialPosition.lat, initialPosition.alt);
-              this.positionsLineC3 = [pos];
-              // 创建模型矩阵
+              pos = Cesium.Cartesian3.fromDegrees(initialPosition.lng, initialPosition.lat, initialPosition.alt); // 创建模型矩阵
               this.modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(pos, this.hpRoll, Cesium.Ellipsoid.WGS84, Cesium.Transforms.localFrameToFixedFrameGenerator('north', 'west'));
-              _context.next = 6;
+              _context.next = 4;
               return Cesium.Model.fromGltfAsync(_objectSpread({
                 id: uuidv4(),
                 modelMatrix: this.modelMatrix
               }, this.modelOptions));
-            case 6:
+            case 4:
               model = _context.sent;
               this.modelLayer = this._map.scene.primitives.add(model);
+
               // 开启动画
               this.modelLayer.readyEvent.addEventListener(function () {
                 if (_this2.flyTo) {
@@ -315,13 +379,8 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
                   loop: Cesium.ModelAnimationLoop.REPEAT,
                   multiplier: 2
                 });
-                if (_this2.status === 'stop') {
-                  _this2.status = 'running';
-                  // 监听帧率
-                  _this2._eventPreUpdate = _this2._map.on(constant.SCENE_EVENT_TYPE.PRE_UPDATE, _this2.updateModel);
-                }
               });
-            case 9:
+            case 7:
             case "end":
               return _context.stop();
           }
@@ -333,14 +392,190 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
       return initModel;
     }())
   }, {
-    key: "getHeading",
+    key: "completeCurrentSegment",
     value:
+    /**
+     * 完成当前路径段，切换到下一个路径段
+     */
+    function completeCurrentSegment() {
+      if (!this.currentSegment) return;
+
+      // 标记当前段为已完成
+      this.currentSegment.isCompleted = true;
+      this.completedSegments.push(this.currentSegment);
+
+      // 从未来路径段队列中取出下一个路径段
+      if (this.futureSegments.length > 0) {
+        this.currentSegment = this.futureSegments.shift();
+        this.currentPointIndex = 0;
+      } else {
+        // 没有更多路径段，等待新数据
+        this.currentSegment = null;
+        this.currentPointIndex = 0;
+      }
+    }
+
+    /**
+     * 初始化轨迹线Entity
+     */
+  }, {
+    key: "initTrailLine",
+    value: function initTrailLine() {
+      var _this3 = this;
+      // 创建轨迹线Entity，使用callback动态更新位置
+      this.polylineLayer = this._map.entities.add({
+        id: uuidv4(),
+        polyline: {
+          positions: new Cesium.CallbackProperty(function () {
+            return _this3.getTrailLinePositions();
+          }, false),
+          width: this.polylineOptions.width || 2,
+          material: colorString(this.polylineOptions.color || Cesium.Color.YELLOW),
+          clampToGround: false
+        }
+      });
+    }
+
+    /**
+     * 获取轨迹线位置点
+     * 返回：已完成路径段的起始点和结束点 + 当前路径段已飞行的插值点
+     */
+  }, {
+    key: "getTrailLinePositions",
+    value: function getTrailLinePositions() {
+      var positions = [];
+
+      // 确保有基础数据
+      if (!Array.isArray(this.receivedPositions) || this.receivedPositions.length < 1) {
+        return positions;
+      }
+
+      // 添加已完成路径段的起始点和结束点
+      if (Array.isArray(this.completedSegments)) {
+        this.completedSegments.forEach(function (segment) {
+          if (segment.startPos && segment.endPos) {
+            // 添加起始点（如果这是第一个路径段或者与上一个路径段不重复）
+            if (positions.length === 0) {
+              positions.push(Cesium.Cartesian3.fromDegrees(segment.startPos.lng, segment.startPos.lat, segment.startPos.alt));
+            }
+            // 添加结束点
+            positions.push(Cesium.Cartesian3.fromDegrees(segment.endPos.lng, segment.endPos.lat, segment.endPos.alt));
+          }
+        });
+      }
+
+      // 如果当前有正在飞行的路径段，添加已飞行过的插值点
+      if (this.currentSegment && Array.isArray(this.currentSegment.interpolatedPoints) && this.currentPointIndex >= 0) {
+        // 如果还没有添加过任何点，先添加当前路径段的起始点
+        if (positions.length === 0 && this.currentSegment.startPos) {
+          positions.push(Cesium.Cartesian3.fromDegrees(this.currentSegment.startPos.lng, this.currentSegment.startPos.lat, this.currentSegment.startPos.alt));
+        }
+
+        // 添加当前路径段中已经飞行过的插值点
+        for (var i = 0; i <= this.currentPointIndex && i < this.currentSegment.interpolatedPoints.length; i++) {
+          positions.push(this.currentSegment.interpolatedPoints[i]);
+        }
+      }
+      return positions;
+    }
+
+    /**
+     * 更新轨迹线 - 现在由CallbackProperty自动更新
+     */
+  }, {
+    key: "updateTrailLine",
+    value: function updateTrailLine() {
+      // 由于使用了CallbackProperty和getTrailLinePositions方法
+      // 轨迹线会自动更新显示：所有原始位置点 + 当前段已飞行的插值点
+      if (!this.polylineLayer && this.receivedPositions.length >= 2) {
+        this.initTrailLine();
+      }
+    }
+
+    /**
+     * 获取当前状态信息
+     */
+  }, {
+    key: "getStatus",
+    value: function getStatus() {
+      var _this$currentSegment;
+      var currentProgress = this.currentSegment ? Math.round(this.currentPointIndex / this.currentSegment.interpolatedPoints.length * 100) : 0;
+      return {
+        status: this.status,
+        receivedPositionsCount: this.receivedPositions.length,
+        completedSegmentsCount: this.completedSegments.length,
+        currentSegmentIndex: ((_this$currentSegment = this.currentSegment) === null || _this$currentSegment === void 0 ? void 0 : _this$currentSegment.segmentIndex) || null,
+        currentSegmentProgress: "".concat(currentProgress, "%"),
+        futureSegmentsCount: this.futureSegments.length,
+        currentPointIndex: this.currentPointIndex,
+        totalTrailPoints: this.getTrailLinePositions().length,
+        isWaitingForData: !this.currentSegment && this.futureSegments.length === 0
+      };
+    }
+
+    /**
+     * 获取详细的飞行信息
+     */
+  }, {
+    key: "getFlightDetails",
+    value: function getFlightDetails() {
+      var _this4 = this;
+      return {
+        // 当前位置信息
+        currentPosition: this.currentSegment && this.currentPointIndex < this.currentSegment.interpolatedPoints.length ? function () {
+          var pos = _this4.currentSegment.interpolatedPoints[_this4.currentPointIndex];
+          var cartographic = Cesium.Cartographic.fromCartesian(pos);
+          return {
+            longitude: Cesium.Math.toDegrees(cartographic.longitude),
+            latitude: Cesium.Math.toDegrees(cartographic.latitude),
+            height: cartographic.height
+          };
+        }() : null,
+        // 当前路径段信息
+        currentSegment: this.currentSegment ? {
+          index: this.currentSegment.segmentIndex,
+          startPos: this.currentSegment.startPos,
+          endPos: this.currentSegment.endPos,
+          totalPoints: this.currentSegment.interpolatedPoints.length,
+          currentPoint: this.currentPointIndex,
+          progress: Math.round(this.currentPointIndex / this.currentSegment.interpolatedPoints.length * 100)
+        } : null,
+        // 队列信息
+        queue: {
+          completed: Array.isArray(this.completedSegments) ? this.completedSegments.map(function (seg) {
+            return {
+              index: seg.segmentIndex,
+              from: "(".concat(seg.startPos.lng, ", ").concat(seg.startPos.lat, ")"),
+              to: "(".concat(seg.endPos.lng, ", ").concat(seg.endPos.lat, ")")
+            };
+          }) : [],
+          future: Array.isArray(this.futureSegments) ? this.futureSegments.map(function (seg) {
+            return {
+              index: seg.segmentIndex,
+              from: "(".concat(seg.startPos.lng, ", ").concat(seg.startPos.lat, ")"),
+              to: "(".concat(seg.endPos.lng, ", ").concat(seg.endPos.lat, ")"),
+              points: seg.interpolatedPoints.length
+            };
+          }) : []
+        },
+        // 整体统计
+        statistics: {
+          totalDataReceived: this.receivedPositions.length,
+          totalSegmentsCreated: this.segmentCounter,
+          totalTrailPoints: this.getTrailLinePositions().length,
+          memoryStatus: "\u5DF2\u5B8C\u6210\u6BB5\u6570: ".concat(this.completedSegments.length, ", \u7B49\u5F85\u6BB5\u6570: ").concat(this.futureSegments.length)
+        }
+      };
+    }
+
     /**
      * 计算模型朝向
      * @param start 起始点
      * @param end 终点
      */
-    function getHeading(start, end) {
+  }, {
+    key: "getHeading",
+    value: function getHeading(start, end) {
       var startCartographic = Cesium.Cartographic.fromCartesian(start);
       var endCartographic = Cesium.Cartographic.fromCartesian(end);
       var startLonLat = [Cesium.Math.toDegrees(startCartographic.longitude), Cesium.Math.toDegrees(startCartographic.latitude)];
@@ -355,6 +590,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
       var localDirection = Cesium.Matrix4.multiplyByPointAsVector(Cesium.Matrix4.inverse(transform, new Cesium.Matrix4()), direction, new Cesium.Cartesian3());
       this.targetHeading = Math.atan2(localDirection.x, localDirection.y);
     }
+
     /**
      * 更新模型朝向
      */
@@ -382,6 +618,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
       // 更新模型朝向
       this.hpRoll = new Cesium.HeadingPitchRoll(this.currentHeading, 0.0, 0.0);
     }
+
     /**
      * 更新相机视角
      * 根据当前模式更新相机位置和朝向
@@ -389,16 +626,17 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
   }, {
     key: "updateCameraView",
     value: function updateCameraView() {
-      if (!this.modelLayer || !this.positionInterC3) {
+      if (!this.modelLayer || !this.currentSegment) {
         return;
       }
-      var position = this.currentPathIndex >= this.positionInterC3.length ? this.positionInterC3[this.positionInterC3.length - 1] : this.positionInterC3[this.currentPathIndex];
+      var position = this.currentPointIndex >= this.currentSegment.interpolatedPoints.length ? this.currentSegment.interpolatedPoints[this.currentSegment.interpolatedPoints.length - 1] : this.currentSegment.interpolatedPoints[this.currentPointIndex];
       if (this.follow === 'first') {
         this.updateFirstPersonView(position);
       } else if (this.follow === 'third') {
         this.updateThirdPersonView(position);
       }
     }
+
     /**
      * 更新第一人称视角
      * @param position 模型当前位置
@@ -416,6 +654,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
         }
       });
     }
+
     /**
      * 更新第三人称视角
      * @param position 模型当前位置
@@ -425,6 +664,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
     value: function updateThirdPersonView(position) {
       this._map.camera.lookAt(position, new Cesium.HeadingPitchRange(this.hpRoll.heading, Cesium.Math.toRadians(this.thirdPersonSettings.pitch), this.thirdPersonSettings.distance));
     }
+
     /**
      * 设置第一人称视角
      */
@@ -436,6 +676,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
       this.follow = 'first';
       this.updateCameraView();
     }
+
     /**
      * 设置第一人称视角
      */
@@ -447,6 +688,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
       this.follow = 'third';
       this.updateCameraView();
     }
+
     /**
      * 取消视角跟随
      */
@@ -456,6 +698,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
       if (this.status === 'destroy') return;
       this.follow = null;
     }
+
     /**
      * 飞行定位到模型
      */
@@ -466,6 +709,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
       boundingSphere.radius = Math.max(boundingSphere.radius || 100);
       this._map.camera.flyToBoundingSphere(boundingSphere);
     }
+
     /**
      * 监听
      */
@@ -474,6 +718,7 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
     value: function on(type, event) {
       return this._map._event.listenToModelRoam(type, event, this);
     }
+
     /**
      * 销毁实例
      * 清理所有资源
@@ -483,20 +728,21 @@ var ModelRoamRealTime = /*#__PURE__*/function () {
     value: function destroy() {
       if (this.status === 'destroy') return;
       this.status = 'destroy';
+      this._eventPostUpdate && this._eventPostUpdate.off();
       if (this.modelLayer) {
-        this._eventPreUpdate.off();
         this._map.scene.primitives.remove(this.modelLayer);
         this.modelLayer = null;
       }
       if (this.polylineLayer) {
-        this._map.scene.primitives.remove(this.polylineLayer);
+        this._map.entities.remove(this.polylineLayer);
         this.polylineLayer = null;
       }
-      this.positions = [];
-      this.positionsLineC3 = [];
-      this.positionInterC3 = [];
-      this.currentPathIndex = 0;
-      this.maxPathIndex = 0;
+      this.receivedPositions = [];
+      this.completedSegments = [];
+      this.currentSegment = null;
+      this.futureSegments = [];
+      this.currentPointIndex = 0;
+      this.segmentCounter = 0;
     }
   }]);
   return ModelRoamRealTime;

package/dist/deepTwins/index.js

@@ -39,7 +39,8 @@ var DeepTwins = /*#__PURE__*/function () {
                   terrain: this._getTerrain.bind(this),
                   moduleLayer: this._getModuleLayer.bind(this),
                   trafficHistoryLayer: this._YunJing.TrafficHistoryLayer,
-                  trafficLayer: this._YunJing.TrafficLayer
+                  trafficLayer: this._YunJing.TrafficLayer,
+                  gridVTLayer: this._YunJing.GridVTLayer
                 });
               }
             case 5:

package/dist/index.js

@@ -45,7 +45,7 @@ window.Cesium = Cesium;
 var DeepTwinsEngine3D = /*#__PURE__*/_createClass(function DeepTwinsEngine3D() {
   _classCallCheck(this, DeepTwinsEngine3D);
 });
-_defineProperty(DeepTwinsEngine3D, "Version", '0.0.47');
+_defineProperty(DeepTwinsEngine3D, "Version", '0.0.49');
 _defineProperty(DeepTwinsEngine3D, "Map", Map);
 _defineProperty(DeepTwinsEngine3D, "GroundSkyBox", GroundSkyBox);
 _defineProperty(DeepTwinsEngine3D, "RasterLayer", RasterLayer);

package/dist/map/Event.js

@@ -252,7 +252,7 @@ var Event = /*#__PURE__*/function () {
         var pickedObject = _this5._getPickedObject(position);
         if (pickedObject) {
           var _modelRoam$modelLayer;
-          var targetPolyline = pickedObject.id === '_modelRoamRealTimePolyline';
+          var targetPolyline = modelRoam.polylineLayer.id === pickedObject.id.id;
           var targetModel = (modelRoam === null || modelRoam === void 0 || (_modelRoam$modelLayer = modelRoam.modelLayer) === null || _modelRoam$modelLayer === void 0 ? void 0 : _modelRoam$modelLayer.id) === (pickedObject === null || pickedObject === void 0 ? void 0 : pickedObject.id);
           if (targetPolyline || targetModel) {
             var result = {

package/dist/material/CircleWaveMaterialProperty.js

@@ -24,7 +24,7 @@ import { DEFAULT_CIRCLE_WAVE_MATERIAL_STYLE } from "../constant";
 import * as utils from "../tool/utils";
 import BaseMaterialProperty from "./BaseMaterialProperty";
 /* babel-plugin-inline-import './shader/CircleWaveShader.glsl' */
-var CircleWaveShader = "czm_material czm_getMaterial(czm_materialInput materialInput) {\n    czm_material material = czm_getDefaultMaterial(materialInput);\n    material.diffuse = 1.5 * color.rgb;\n\n    vec2 st = materialInput.st;\n    vec3 str = materialInput.str;\n    float dis = distance(st, vec2(0.5));\n    float per = fract(time);\n    float perDis = 0.5 / count;\n\n    // discard if str.z != 0\n    float discardByStr = step(0.001, abs(str.z));\n    // discard if dis > 0.5\n    float discardByDis = step(0.5, dis);\n\n    if (discardByStr > 0.0 || discardByDis > 0.0) {\n        discard;\n    }\n\n    float bl = 0.0;\n\n    for (int i = 0; i <= 9; i++) {\n        float idx = float(i);\n        float valid = step(idx, count);  // 1.0 if i <= count, else 0.0\n\n        float disNum = perDis * idx - dis + per / count;\n        float inFirst = step(0.0, disNum) * (1.0 - step(perDis, disNum));\n        float inSecond = step(perDis, disNum) * (1.0 - step(2.0 * perDis, disNum));\n\n        float bl1 = 1.0 - disNum / perDis;\n        float bl2 = 1.0 - abs(1.0 - disNum / perDis);\n\n        float thisBl = mix(0.0, bl1, inFirst) + mix(0.0, bl2, inSecond);\n        thisBl *= valid; // only apply if i <= count\n\n        bl = max(bl, thisBl); // \u4FDD\u7559\u6700\u5F3A\u7684\u4E00\u5C42\u6CE2\u7EB9\n    }\n\n    material.alpha = pow(bl, gradient);\n    return material;\n}\n"; // 水波纹材质
+var CircleWaveShader = "czm_material czm_getMaterial(czm_materialInput materialInput) {\n    czm_material material = czm_getDefaultMaterial(materialInput);\n    material.diffuse = 1.5 * color.rgb;\n    vec2 st = materialInput.st;\n    vec3 str = materialInput.str;\n    float dis = distance(st, vec2(0.5, 0.5));\n    float per = fract(time);\n    if (abs(str.z) > 0.001) {\n        discard;\n    }\n    if (dis > 0.5) {\n        discard;\n    } else {\n        float perDis = 0.5 / count;\n        float disNum;\n        float bl = .0;\n        for (int i = 0; i <= 9; i++) {\n            if (float(i) <= count) {\n                disNum = perDis * float(i) - dis + per / count;\n                if (disNum > 0.0) {\n                    if (disNum < perDis) {\n                        bl = 1.0 - disNum / perDis;\n                    } else if (disNum - perDis < perDis) {\n                        bl = 1.0 - abs(1.0 - disNum / perDis);\n                    }\n                    material.alpha = pow(bl, gradient);\n                }\n            }\n        }\n    }\n    return material;\n}\n"; // 水波纹材质
 var CircleWaveMaterialProperty = /*#__PURE__*/function (_BaseMaterialProperty) {
   _inherits(CircleWaveMaterialProperty, _BaseMaterialProperty);
   var _super = _createSuper(CircleWaveMaterialProperty);

package/dist/material/DynamicWallMaterialProperty.js

@@ -24,7 +24,7 @@ import { DEFAULT_DYNAMIC_WALL_MATERIAL_STYLE } from "../constant";
 import * as utils from "../tool/utils";
 import BaseMaterialProperty from "./BaseMaterialProperty";
 /* babel-plugin-inline-import './shader/DynamicWallShader.glsl' */
-var DynamicWallShader = "czm_material czm_getMaterial(czm_materialInput materialInput)\n{\n    czm_material material = czm_getDefaultMaterial(materialInput);\n    vec2 st = materialInput.st;\n    float vertical = 1.0;\n    float directionAdd = 1.0;\n    // \u4F7F\u7528 abs(a - b) < 0.0001\uFF08\u901A\u8FC7 step\uFF09\u5224\u65AD\u6D6E\u70B9\u76F8\u7B49\uFF0C\u907F\u514D\u7CBE\u5EA6\u8BEF\u5DEE\n    // \u5224\u65AD\u6392\u5217\u65B9\u5411\u662F\u5426\u662F\u7EB5\u5411\uFF08freely == vertical\uFF09\n    float isVertical = 1.0 - step(0.0001, abs(freely - vertical));\n    // \u5224\u65AD\u8FD0\u52A8\u65B9\u5411\u662F\u5426\u662F\u52A0\uFF08direction == directionAdd\uFF09\n    float isAdd = 1.0 - step(0.0001, abs(direction - directionAdd));\n\n    // \u7EB5\u5411\u6392\u5217\uFF1Auv = (st.s, count * st.t \xB1 time)\n    // \u6A2A\u5411\u6392\u5217\uFF1Auv = (count * st.s \xB1 time, st.t)\n    vec2 uvVerticalAdd = vec2(fract(st.s), fract(count * st.t + time));\n    vec2 uvVerticalSub = vec2(fract(st.s), fract(count * st.t - time));\n    vec2 uvHorizontalAdd = vec2(fract(count * st.s + time), fract(st.t));\n    vec2 uvHorizontalSub = vec2(fract(count * st.s - time), fract(st.t));\n\n    // \u6309\u8FD0\u52A8\u65B9\u5411\u9009\u62E9 mix(a, b, t) \u4F5C\u7528\u7C7B\u4F3C\u4E8E t == 0 ? a : b\n    vec2 uvVertical = mix(uvVerticalSub, uvVerticalAdd, isAdd);\n    vec2 uvHorizontal = mix(uvHorizontalSub, uvHorizontalAdd, isAdd);\n\n    // \u6700\u7EC8\u6839\u636E\u6392\u5217\u65B9\u5411\u9009\u62E9\n    vec2 uv = mix(uvHorizontal, uvVertical, isVertical);\n\n    vec4 colorImage = texture(image, uv);\n    vec3 mixedColor = mix(colorImage.rgb, color.rgb, mixRatio);\n    vec4 fragColor;\n    fragColor.rgb = mixedColor;\n    fragColor = czm_gammaCorrect(fragColor);\n\n    material.diffuse = mixedColor;\n    material.alpha = colorImage.a * color.a; // \u53EF\u6839\u636E\u9700\u8981\u51B3\u5B9A\u662F\u5426\u76F8\u4E58\n    material.emission = fragColor.rgb;\n\n    return material;\n}\n"; // 动态墙材质
+var DynamicWallShader = "czm_material czm_getMaterial(czm_materialInput materialInput)\n{\n    czm_material material = czm_getDefaultMaterial(materialInput);\n    vec2 st = materialInput.st;\n    float vertical = 1.0;\n    float directionAdd = 1.0;\n    vec2 uv = vec2(0, 0);\n    // \u5224\u65AD\u6392\u5217\u65B9\u5411\n    if (freely == vertical) {\n        // \u5224\u65AD\u8FD0\u52A8\u65B9\u5411\n        if (direction == directionAdd) {\n            uv = vec2(fract(st.s), fract(count * st.t + time));\n        } else {\n            uv = vec2(fract(st.s), fract(count * st.t - time));\n        }\n    } else {\n        // \u5224\u65AD\u8FD0\u52A8\u65B9\u5411\n        if (direction == directionAdd) {\n            uv = vec2(fract(count * st.s + time), fract(st.t));\n        } else {\n            uv = vec2(fract(count * st.s - time), fract(st.t));\n        }\n    }\n    vec4 colorImage = texture(image, uv);\n    vec3 mixedColor = mix(colorImage.rgb, color.rgb, mixRatio);\n    vec4 fragColor;\n    fragColor.rgb = mixedColor;\n    fragColor = czm_gammaCorrect(fragColor);\n\n    material.diffuse = mixedColor;\n    material.alpha = colorImage.a * color.a; // \u53EF\u6839\u636E\u9700\u8981\u51B3\u5B9A\u662F\u5426\u76F8\u4E58\n    material.emission = fragColor.rgb;\n\n    return material;\n}\n"; // 动态墙材质
 var DynamicWallMaterialProperty = /*#__PURE__*/function (_BaseMaterialProperty) {
   _inherits(DynamicWallMaterialProperty, _BaseMaterialProperty);
   var _super = _createSuper(DynamicWallMaterialProperty);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "deeptwins-engine-3d",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "description": "map for 3d",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",