deeptwins-engine-3d 0.1.45 → 0.1.47

package/dist/esm/videoFusion/VideoProject.js

@@ -36,7 +36,7 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
   }
   _createClass(VideoProject, [{
     key: "addToMap",
-    value: function addToMap(map) {
+    value: function addToMap() {
       var _this2 = this;
       if (!this._canOperate()) {
         return;
@@ -53,81 +53,83 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
       if (this.videoType === 'custom') {
         videoOptions = merge({}, this.options.custom);
       }
-      var _this$options = this.options,
-        _this$options$type = _this$options.type,
-        type = _this$options$type === void 0 ? 'fixed' : _this$options$type,
-        frustum = _this$options.frustum,
-        _this$options$style = _this$options.style,
-        _this$options$style2 = _this$options$style === void 0 ? {
-          edgeFeather: false,
-          clampToGround: 'terrain',
-          showLine: true
-        } : _this$options$style,
-        edgeFeather = _this$options$style2.edgeFeather,
-        clampToGround = _this$options$style2.clampToGround,
-        showLine = _this$options$style2.showLine;
-      frustum.show(false);
-      this.type = type;
-      this.frustum = frustum;
-      // 取后4个点
-      var points = this.frustum.getFrustumVertexPoints().slice(-4);
-      if (this.type === 'projection') {
-        // 交点数组
-        var interPoints = [];
-        points.forEach(function (point) {
-          var interPoint = _this2._getInterPointByLine(_this2.frustum.options.position, point);
-          interPoints.push(interPoint);
-        });
-        if (showLine) {
-          // 绘制线
-          this._drawLine(interPoints);
-        }
-        this.videoPolygonLayer = map.addGraphicLayer({
-          type: 'Feature',
-          geometry: {
-            type: 'Polygon',
-            coordinates: [interPoints]
-          }
-        }, {
-          type: 'polygon',
-          style: {
-            material: edgeFeather ? new Cesium.ImageMaterialProperty({
-              image: new Cesium.CallbackProperty(function () {
-                return _this2._drawCanvas(videoOptions);
-              }, false),
-              transparent: true
-            }) : this.videoElement,
-            heightReference: clampToGround ? Cesium.HeightReference.CLAMP_TO_GROUND : Cesium.HeightReference.NONE,
-            perPositionHeight: !clampToGround
+      setTimeout(function () {
+        var _this2$options = _this2.options,
+          _this2$options$type = _this2$options.type,
+          type = _this2$options$type === void 0 ? 'fixed' : _this2$options$type,
+          frustum = _this2$options.frustum,
+          _this2$options$style = _this2$options.style,
+          _this2$options$style2 = _this2$options$style === void 0 ? {
+            edgeFeather: false,
+            clampToGround: 'terrain',
+            showLine: true
+          } : _this2$options$style,
+          edgeFeather = _this2$options$style2.edgeFeather,
+          clampToGround = _this2$options$style2.clampToGround,
+          showLine = _this2$options$style2.showLine;
+        frustum.show(false);
+        _this2.type = type;
+        _this2.frustum = frustum;
+        // 取后4个点
+        var points = _this2.frustum.getFrustumVertexPoints().slice(-4);
+        if (_this2.type === 'projection') {
+          // 交点数组
+          var interPoints = [];
+          points.forEach(function (point) {
+            var interPoint = _this2._getInterPointByLine(_this2.frustum.options.position, point);
+            interPoints.push(interPoint);
+          });
+          if (showLine) {
+            // 绘制线
+            _this2._drawLine(interPoints);
           }
-        });
-      }
-      if (this.type === 'fixed') {
-        if (showLine) {
-          // 绘制线
-          this._drawLine(points);
+          _this2.videoPolygonLayer = _this2.getMap().addGraphicLayer({
+            type: 'Feature',
+            geometry: {
+              type: 'Polygon',
+              coordinates: [interPoints]
+            }
+          }, {
+            type: 'polygon',
+            style: {
+              material: edgeFeather ? new Cesium.ImageMaterialProperty({
+                image: new Cesium.CallbackProperty(function () {
+                  return _this2._drawCanvas(videoOptions);
+                }, false),
+                transparent: true
+              }) : _this2.videoElement,
+              heightReference: clampToGround ? Cesium.HeightReference.CLAMP_TO_GROUND : Cesium.HeightReference.NONE,
+              perPositionHeight: !clampToGround
+            }
+          });
         }
-        this.videoPolygonLayer = map.addGraphicLayer({
-          type: 'Feature',
-          geometry: {
-            type: 'Polygon',
-            coordinates: [points]
-          }
-        }, {
-          type: 'polygon',
-          style: {
-            material: edgeFeather ? new Cesium.ImageMaterialProperty({
-              image: new Cesium.CallbackProperty(function () {
-                return _this2._drawCanvas(videoOptions);
-              }, false),
-              transparent: true
-            }) : this.videoElement,
-            heightReference: Cesium.HeightReference.NONE,
-            perPositionHeight: true
+        if (_this2.type === 'fixed') {
+          if (showLine) {
+            // 绘制线
+            _this2._drawLine(points);
           }
-        });
-      }
-      this.status = 'START';
+          _this2.videoPolygonLayer = _this2.getMap().addGraphicLayer({
+            type: 'Feature',
+            geometry: {
+              type: 'Polygon',
+              coordinates: [points]
+            }
+          }, {
+            type: 'polygon',
+            style: {
+              material: edgeFeather ? new Cesium.ImageMaterialProperty({
+                image: new Cesium.CallbackProperty(function () {
+                  return _this2._drawCanvas(videoOptions);
+                }, false),
+                transparent: true
+              }) : _this2.videoElement,
+              heightReference: Cesium.HeightReference.NONE,
+              perPositionHeight: true
+            }
+          });
+        }
+        _this2.status = 'START';
+      }, 200);
     }
 
     // 显示隐藏
@@ -146,7 +148,7 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
     key: "_drawLine",
     value: function _drawLine(interPoints) {
       var _this3 = this,
-        _this$options$style3;
+        _this$options$style;
       var draw = function draw(geoJson) {
         _this3.frustumLineLayer = _this3.getMap().addGraphicLayer(geoJson, {
           type: 'polylineP',
@@ -157,7 +159,7 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
       };
       var linePoints = [];
       // 是否计算贴地
-      if ((_this$options$style3 = this.options.style) !== null && _this$options$style3 !== void 0 && _this$options$style3.clampToGround && this.type === 'projection') {
+      if ((_this$options$style = this.options.style) !== null && _this$options$style !== void 0 && _this$options$style.clampToGround && this.type === 'projection') {
         var clampToGround = new ClampToGround(this.getMap());
         var c3arr = utils.lngLatAltArrayToCartesian3Array(interPoints);
         clampToGround.getLngLatAltArrToHeight(c3arr, 'terrain').then(function (result) {

package/dist/esm/videoFusion/VideoTexture.d.ts

@@ -1,5 +1,5 @@
 import BaseVideo from './BaseVideo';
 export default class VideoTexture extends BaseVideo {
     constructor(map: any, options: any);
-    addToMap(map: any): void;
+    addToMap(): void;
 }

package/dist/esm/videoFusion/VideoTexture.js

@@ -32,7 +32,7 @@ var VideoTexture = /*#__PURE__*/function (_BaseVideo) {
   }
   _createClass(VideoTexture, [{
     key: "addToMap",
-    value: function addToMap(map) {
+    value: function addToMap() {
       var _this = this;
       if (!this._canOperate()) {
         return;
@@ -55,18 +55,20 @@ var VideoTexture = /*#__PURE__*/function (_BaseVideo) {
         } : _this$options$style,
         edgeFeather = _this$options$style2.edgeFeather,
         style = _objectWithoutProperties(_this$options$style2, _excluded);
-      this.videoPolygonLayer = map.addGraphicLayer(this.options.data, {
-        type: 'polygon',
-        style: _objectSpread({
-          material: edgeFeather ? new Cesium.ImageMaterialProperty({
-            image: new Cesium.CallbackProperty(function () {
-              return _this._drawCanvas(videoOptions);
-            }, false),
-            transparent: true
-          }) : this.videoElement
-        }, style || {})
-      });
-      this.status = 'START';
+      setTimeout(function () {
+        _this.videoPolygonLayer = _this.getMap().addGraphicLayer(_this.options.data, {
+          type: 'polygon',
+          style: _objectSpread({
+            material: edgeFeather ? new Cesium.ImageMaterialProperty({
+              image: new Cesium.CallbackProperty(function () {
+                return _this._drawCanvas(videoOptions);
+              }, false),
+              transparent: true
+            }) : _this.videoElement
+          }, style || {})
+        });
+        _this.status = 'START';
+      }, 200);
     }
   }]);
   return VideoTexture;