deeptwins-engine-3d 0.1.8 → 0.1.11

package/dist/esm/map/Event.d.ts

@@ -1,7 +1,9 @@
+import { MapContext } from '../map/Map';
 export default class Event {
-    private _map;
+    private readonly _mapContext;
     private _eventSubscriptions;
-    constructor(map: any);
+    constructor(mapContext: MapContext);
+    getMap(): any;
     private _getPosition;
     private _getPickedObject;
     private _notifySubscribers;

package/dist/esm/map/Event.js

@@ -1,4 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -8,6 +10,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import * as Cesium from 'deeptwins-cesium';
 import * as utils from "../tool/utils";
 
+// 单机延迟
+var CLICK_DELAY = 200;
+
 // 根据事件类型进行处理
 function dealWithMapType(type, event) {
   var _obj;
@@ -47,21 +52,26 @@ function dealWithMapType(type, event) {
 var Event = /*#__PURE__*/function () {
   // 存储所有事件订阅者
 
-  function Event(map) {
+  function Event(mapContext) {
     _classCallCheck(this, Event);
-    _defineProperty(this, "_map", void 0);
+    _defineProperty(this, "_mapContext", void 0);
     _defineProperty(this, "_eventSubscriptions", new Map());
-    this._map = map;
+    this._mapContext = mapContext;
   }
-
-  // 获取经纬度位置
   _createClass(Event, [{
+    key: "getMap",
+    value: function getMap() {
+      return this._mapContext && this._mapContext.getMap();
+    }
+
+    // 获取经纬度位置
+  }, {
     key: "_getPosition",
     value: function _getPosition(position) {
       if (!position) return null;
       try {
-        var ray = this._map.camera.getPickRay(position);
-        var cartesian = this._map.scene.globe.pick(ray, this._map.scene);
+        var ray = this.getMap().camera.getPickRay(position);
+        var cartesian = this.getMap().scene.globe.pick(ray, this.getMap().scene);
         var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
         var lng = utils.toDegrees(cartographic.longitude); //经度
         var lat = utils.toDegrees(cartographic.latitude); //纬度
@@ -81,7 +91,7 @@ var Event = /*#__PURE__*/function () {
     key: "_getPickedObject",
     value: function _getPickedObject(position) {
       if (!position) return null;
-      var picked = this._map.scene.pick(position);
+      var picked = this.getMap().scene.pick(position);
       var pickedObject = null;
       if (Cesium.defined(picked)) {
         pickedObject = picked;
@@ -109,40 +119,55 @@ var Event = /*#__PURE__*/function () {
     value: function _subscribe(type, callback) {
       var _this = this;
       var self = this;
+      // 订阅器
+      var subscriber;
       // 如果没有注册过该类型的事件处理器，则创建一个
       if (!this._eventSubscriptions.has(type)) {
         // 注册事件
-        var handler = new Cesium.ScreenSpaceEventHandler(this._map.scene.canvas);
-        handler.setInputAction(function (e) {
-          // 发布订阅
-          _this._notifySubscribers(type, e);
-        }, type);
+        var handler = new Cesium.ScreenSpaceEventHandler(this.getMap().scene.canvas);
+        // 单击特殊处理
+        if (type === Cesium.ScreenSpaceEventType.LEFT_CLICK) {
+          var lastClickTime = 0;
+          handler.setInputAction(function (e) {
+            var now = performance.now();
+            if (now - lastClickTime >= CLICK_DELAY) {
+              _this._notifySubscribers(type, e);
+              lastClickTime = now;
+            }
+          }, type);
+        } else {
+          handler.setInputAction(function (e) {
+            // 发布订阅
+            _this._notifySubscribers(type, e);
+          }, type);
+        }
         handler.__proto__.off = function () {
           handler.removeInputAction(type);
         };
         // 订阅器
-        var subscriber = {
+        subscriber = {
           handler: handler,
           callbacks: new Set([callback])
         };
-        subscriber.off = function () {
-          subscriber.callbacks.delete(callback);
-          // 如果没有订阅者了，移除处理器
-          if (subscriber.callbacks.size === 0) {
-            var _subscriber$handler;
-            (_subscriber$handler = subscriber.handler) === null || _subscriber$handler === void 0 || _subscriber$handler.off();
-            self._eventSubscriptions.delete(type);
-          }
-        };
         this._eventSubscriptions.set(type, subscriber);
-        return subscriber;
       } else {
         // 订阅器
-        var _subscriber = this._eventSubscriptions.get(type);
+        subscriber = this._eventSubscriptions.get(type);
         // 订阅列表
-        _subscriber.callbacks.add(callback);
-        return _subscriber;
+        subscriber.callbacks.add(callback);
       }
+      var off = function off() {
+        subscriber.callbacks.delete(callback);
+        if (subscriber.callbacks.size === 0) {
+          var _subscriber$handler;
+          // 如果没有订阅者了，移除处理器
+          (_subscriber$handler = subscriber.handler) === null || _subscriber$handler === void 0 || _subscriber$handler.off();
+          self._eventSubscriptions.delete(type);
+        }
+      };
+      return _objectSpread(_objectSpread({}, subscriber), {}, {
+        off: off
+      });
     }
 
     // 监听地图事件
@@ -170,12 +195,12 @@ var Event = /*#__PURE__*/function () {
       var handler = function handler(e) {
         event({
           original: e,
-          position: _this3._map.getCameraView()
+          position: _this3.getMap().getCameraView()
         });
       };
-      this._map.camera[type].addEventListener(handler);
+      this.getMap().camera[type].addEventListener(handler);
       handler.__proto__.off = function () {
-        self._map.camera[type].removeEventListener(this);
+        self.getMap().camera[type].removeEventListener(this);
       };
       return handler;
     }
@@ -188,9 +213,9 @@ var Event = /*#__PURE__*/function () {
       var handler = function handler(e) {
         event(e);
       };
-      this._map.scene[type].addEventListener(handler);
+      this.getMap().scene[type].addEventListener(handler);
       handler.__proto__.off = function () {
-        self._map.scene[type].removeEventListener(this);
+        self.getMap().scene[type].removeEventListener(this);
       };
       return handler;
     }

package/dist/esm/map/Map.d.ts

@@ -1,5 +1,9 @@
 import * as Cesium from 'deeptwins-cesium';
-export default class Map extends Cesium.Viewer {
+export interface MapContext {
+    getMap: any;
+}
+export default class Map extends Cesium.Viewer implements MapContext {
+    private readonly _mapContext;
     configOptions: any;
     graphicLayerCollection: any;
     showGroundSkyBox: boolean;
@@ -9,6 +13,7 @@ export default class Map extends Cesium.Viewer {
     private _event;
     private _eventTrick;
     constructor(container: any, options: any);
+    getMap(): this;
     private _createHtmlContainer;
     private _createHeatMapContainer;
     private _createVideoContainer;

package/dist/esm/map/Map.js

@@ -60,6 +60,8 @@ var Map = /*#__PURE__*/function (_Cesium$Viewer) {
     }
     Cesium.Ion.defaultAccessToken = constant.DEFAULT_ION;
     _this = _super.call(this, container, currOptions);
+    // 创建一个符合 MapContext 接口的对象
+    _defineProperty(_assertThisInitialized(_this), "_mapContext", void 0);
     // 配置
     _defineProperty(_assertThisInitialized(_this), "configOptions", null);
     // 绘制Graphic的集合
@@ -82,6 +84,9 @@ var Map = /*#__PURE__*/function (_Cesium$Viewer) {
       common.removeYjIcon();
       return _this._yunjing;
     });
+    _this._mapContext = {
+      getMap: _this.getMap.bind(_assertThisInitialized(_this))
+    };
     _this.configOptions = merge(constant.DEFAULT_VIEW_CONFIG(), options);
     _this.setConfig(_this.configOptions);
     if (deepTwins) {
@@ -95,9 +100,9 @@ var Map = /*#__PURE__*/function (_Cesium$Viewer) {
     _this.setCameraView(camera, {
       duration: 0
     });
-    _this.graphicLayerCollection = new GraphicLayerCollection(_assertThisInitialized(_this));
+    _this.graphicLayerCollection = new GraphicLayerCollection(_this._mapContext);
     // 初始化事件
-    _this._event = new Event(_assertThisInitialized(_this));
+    _this._event = new Event(_this._mapContext);
     // 添加position
     if (utils.getElCss(_this.container, 'position') === 'static') {
       _this.container.style.position = 'relative';
@@ -112,9 +117,14 @@ var Map = /*#__PURE__*/function (_Cesium$Viewer) {
     _this._onDefaultEvents();
     return _this;
   }
-
-  // 创建html的容器
   _createClass(Map, [{
+    key: "getMap",
+    value: function getMap() {
+      return this;
+    }
+
+    // 创建html的容器
+  }, {
     key: "_createHtmlContainer",
     value: function _createHtmlContainer() {
       var el = document.createElement('div');

package/dist/esm/material/WeatherEffects.d.ts

@@ -1,9 +1,11 @@
+import { MapContext } from '../map/Map';
 export default class WeatherEffects {
+    _mapContext: MapContext | undefined;
     type: string;
     options: any;
     stage: any;
-    private _map;
     constructor(type: string, options?: any);
+    getMap(): any;
     remove(): void;
     addToMap(map: any): void;
     setEffect(options: any): void;

package/dist/esm/material/WeatherEffects.js

@@ -19,10 +19,10 @@ var WeatherEffects = /*#__PURE__*/function () {
   function WeatherEffects(type) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     _classCallCheck(this, WeatherEffects);
+    _defineProperty(this, "_mapContext", void 0);
     _defineProperty(this, "type", void 0);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "stage", void 0);
-    _defineProperty(this, "_map", void 0);
     this.type = type;
     this.options = options;
     switch (this.type) {
@@ -37,20 +37,25 @@ var WeatherEffects = /*#__PURE__*/function () {
         break;
     }
   }
-
-  // 移除
   _createClass(WeatherEffects, [{
+    key: "getMap",
+    value: function getMap() {
+      return this._mapContext && this._mapContext.getMap();
+    }
+
+    // 移除
+  }, {
     key: "remove",
     value: function remove() {
-      if (!this._map) return;
-      this._map.scene.postProcessStages.remove(this.stage);
+      if (!this.getMap()) return;
+      this.getMap().scene.postProcessStages.remove(this.stage);
     }
 
     // 添加到地图
   }, {
     key: "addToMap",
     value: function addToMap(map) {
-      this._map = map;
+      this._mapContext = map._mapContext;
       map.scene.postProcessStages.add(this.stage);
     }
 

package/dist/esm/tool/common.d.ts

@@ -1,5 +1,6 @@
 import * as Cesium from 'deeptwins-cesium';
 import { Cartesian2, Cartesian3 } from 'deeptwins-cesium';
+import { MapContext } from '../map/Map';
 export declare const removeYjIcon: () => void;
 export declare const lineClampToGroundSplit: ({ map, pos1, pos2, splitNum, }: {
     map: any;
@@ -21,8 +22,9 @@ export declare class ShapeSection {
     static triangleSection(base: number, height: number): Cesium.Cartesian2[];
 }
 export declare class ClampToGround {
-    private _map;
+    _mapContext: MapContext | undefined;
     constructor(map: any);
+    getMap(): any;
     private _cartesianToCartographic;
     private _cartographicToCartesian;
     private _cartographicToDegrees;

package/dist/esm/tool/common.js

@@ -123,13 +123,18 @@ export var ShapeSection = /*#__PURE__*/function () {
 export var ClampToGround = /*#__PURE__*/function () {
   function ClampToGround(map) {
     _classCallCheck(this, ClampToGround);
-    _defineProperty(this, "_map", void 0);
-    this._map = map;
+    _defineProperty(this, "_mapContext", void 0);
+    this._mapContext = map._mapContext;
   }
   _createClass(ClampToGround, [{
+    key: "getMap",
+    value: function getMap() {
+      return this._mapContext && this._mapContext.getMap();
+    }
+  }, {
     key: "_cartesianToCartographic",
     value: function _cartesianToCartographic(cartesian3) {
-      var ellipsoid = this._map.scene.globe.ellipsoid;
+      var ellipsoid = this.getMap().scene.globe.ellipsoid;
       try {
         return ellipsoid.cartesianToCartographic(cartesian3);
       } catch (e) {
@@ -175,7 +180,7 @@ export var ClampToGround = /*#__PURE__*/function () {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   try {
-                    promise = _this._map.scene.clampToHeightMostDetailed(data);
+                    promise = _this.getMap().scene.clampToHeightMostDetailed(data);
                     promise.then(function (res) {
                       return resolve(res);
                     });
@@ -199,7 +204,7 @@ export var ClampToGround = /*#__PURE__*/function () {
           var cartographic = _this._cartesianToCartographic(cartesian);
           cartographic && positions.push(cartographic);
         });
-        var terrain = this._map.terrainProvider;
+        var terrain = this.getMap().terrainProvider;
         return new Promise( /*#__PURE__*/function () {
           var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(resolve) {
             var promise;
@@ -264,7 +269,7 @@ export var ClampToGround = /*#__PURE__*/function () {
               while (1) switch (_context3.prev = _context3.next) {
                 case 0:
                   try {
-                    promise = _this2._map.scene.clampToHeightMostDetailed(data);
+                    promise = _this2.getMap().scene.clampToHeightMostDetailed(data);
                     promise.then(function (res) {
                       resolve({
                         positions: res,
@@ -297,7 +302,7 @@ export var ClampToGround = /*#__PURE__*/function () {
           var cartographic = _this2._cartesianToCartographic(cartesian);
           cartographic && positions.push(cartographic);
         });
-        var terrain = this._map.terrainProvider;
+        var terrain = this.getMap().terrainProvider;
         return new Promise( /*#__PURE__*/function () {
           var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(resolve) {
             var promise;
@@ -365,7 +370,7 @@ export var ClampToGround = /*#__PURE__*/function () {
             case 0:
               geoJson = this._translateSource(JSON.parse(JSON.stringify(data)));
               _context5.next = 3;
-              return BaseSource.geoJsonToClampCartesian3Array(geoJson, type, this._map);
+              return BaseSource.geoJsonToClampCartesian3Array(geoJson, type, this.getMap());
             case 3:
               _context5.t0 = _context5.sent;
               return _context5.abrupt("return", {

package/dist/esm/tool/utils.d.ts

@@ -44,3 +44,5 @@ export declare const getHeightCompensatedScale: (map: Cesium.Viewer, entityHeigh
     transitionHeight?: number;
 }) => number;
 export declare function calculateLength(positions: any[]): number;
+export declare function warn(message: string): void;
+export declare function error(message: string): void;

package/dist/esm/tool/utils.js

@@ -321,4 +321,14 @@ export function calculateLength(positions) {
     length += Cesium.Cartesian3.distance(positions[i - 1], positions[i]);
   }
   return length;
+}
+
+// 警告
+export function warn(message) {
+  console.warn("[DeepTwinsEngine3d warn]: ".concat(message));
+}
+
+// 异常
+export function error(message) {
+  console.error("[DeepTwinsEngine3d error]: ".concat(message));
 }

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

@@ -1,5 +1,6 @@
+import { MapContext } from '../map/Map';
 export default class BaseVideo {
-    _map: any;
+    _mapContext: MapContext | undefined;
     options: any;
     videoElement: any;
     videoPolygonLayer: any;
@@ -9,9 +10,12 @@ export default class BaseVideo {
     synchronizer: any;
     hls: any;
     private onErrorFun;
+    private _maskImage;
     constructor(options: any);
-    _canOperate(): void;
+    getMap(): any;
+    _canOperate(): boolean;
     private _init;
+    private _initMaskImage;
     _drawCanvas(options: any): HTMLCanvasElement;
     show(isShow: boolean): void;
     play(): void;

package/dist/esm/videoFusion/BaseVideo.js

@@ -16,7 +16,7 @@ import * as utils from "../tool/utils";
 var BaseVideo = /*#__PURE__*/function () {
   function BaseVideo(options) {
     _classCallCheck(this, BaseVideo);
-    _defineProperty(this, "_map", void 0);
+    _defineProperty(this, "_mapContext", void 0);
     _defineProperty(this, "options", void 0);
     _defineProperty(this, "videoElement", void 0);
     _defineProperty(this, "videoPolygonLayer", void 0);
@@ -26,6 +26,7 @@ var BaseVideo = /*#__PURE__*/function () {
     _defineProperty(this, "synchronizer", null);
     _defineProperty(this, "hls", void 0);
     _defineProperty(this, "onErrorFun", void 0);
+    _defineProperty(this, "_maskImage", null);
     this.options = options;
     if (options.video) {
       this.videoType = 'video';
@@ -34,15 +35,23 @@ var BaseVideo = /*#__PURE__*/function () {
       this.videoType = 'hls';
     }
     this._init();
+    this._initMaskImage();
   }
-
-  // 是否能进行操作
   _createClass(BaseVideo, [{
+    key: "getMap",
+    value: function getMap() {
+      return this._mapContext && this._mapContext.getMap();
+    }
+
+    // 是否能进行操作
+  }, {
     key: "_canOperate",
     value: function _canOperate() {
       if (this.isDestroyed) {
-        throw new Error('BaseLayer实例已销毁');
+        utils.error('video实例已销毁');
+        return false;
       }
+      return true;
     }
   }, {
     key: "_init",
@@ -116,6 +125,16 @@ var BaseVideo = /*#__PURE__*/function () {
       }
     }
 
+    // 添加初始化遮罩图片的方法
+  }, {
+    key: "_initMaskImage",
+    value: function _initMaskImage() {
+      if (!this._maskImage) {
+        this._maskImage = new Image();
+        this._maskImage.src = utils.getDeepTwinsFile('Image/video-mask.png');
+      }
+    }
+
     // 绘制投影
   }, {
     key: "_drawCanvas",
@@ -128,12 +147,10 @@ var BaseVideo = /*#__PURE__*/function () {
       var ctx = canvas.getContext('2d');
       // 1. 叠加当前视频帧
       ctx.globalAlpha = 1.0; // 确保视频帧不透明
-      ctx.drawImage(this.videoElement, 0, 0, canvas.width, canvas.height);
+      ctx.drawImage(this.videoElement, 0, 0, width, height);
       // 2. 应用羽化遮罩
       ctx.globalCompositeOperation = 'destination-in'; // 使用遮罩影响透明度
-      var img = new Image();
-      img.src = utils.getDeepTwinsFile('Image/video-mask.png');
-      ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+      ctx.drawImage(this._maskImage, 0, 0, width, height);
       ctx.globalCompositeOperation = 'source-over'; // 还原默认混合模式
       return canvas;
     }
@@ -142,7 +159,9 @@ var BaseVideo = /*#__PURE__*/function () {
   }, {
     key: "show",
     value: function show(isShow) {
-      this._canOperate();
+      if (!this._canOperate()) {
+        return;
+      }
       this.videoPolygonLayer && this.videoPolygonLayer.show(isShow);
       isShow ? this.play() : this.pause();
     }
@@ -152,7 +171,9 @@ var BaseVideo = /*#__PURE__*/function () {
     key: "play",
     value: function play() {
       var _this2 = this;
-      this._canOperate();
+      if (!this._canOperate()) {
+        return;
+      }
       this.status = 'PLAYING';
       if (this.videoType === 'video') {
         var promise = this.videoElement.play();
@@ -172,15 +193,15 @@ var BaseVideo = /*#__PURE__*/function () {
       // 暂停后继续播放
       if (this.synchronizer && this.videoType === 'hls') {
         this.hls.startLoad();
-        this._map.clock.shouldAnimate = true;
+        this.getMap().clock.shouldAnimate = true;
       }
       // 开始播放
       if (!this.synchronizer && this.videoType === 'hls') {
         this.synchronizer = new Cesium.VideoSynchronizer({
-          clock: this._map.clock,
+          clock: this.getMap().clock,
           element: this.videoElement
         });
-        this._map.clock.shouldAnimate = true;
+        this.getMap().clock.shouldAnimate = true;
         var _promise = this.videoElement.play();
         if (_promise) {
           _promise.catch(function (e) {
@@ -203,11 +224,13 @@ var BaseVideo = /*#__PURE__*/function () {
   }, {
     key: "pause",
     value: function pause() {
-      this._canOperate();
+      if (!this._canOperate()) {
+        return;
+      }
       this.status = 'PAUSE';
       if (this.videoType === 'hls') {
         this.hls.stopLoad();
-        this._map.clock.shouldAnimate = false;
+        this.getMap().clock.shouldAnimate = false;
       }
       this.videoElement.pause();
     }
@@ -217,7 +240,9 @@ var BaseVideo = /*#__PURE__*/function () {
     key: "setPlaybackRate",
     value: function setPlaybackRate() {
       var playbackRate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-      this._canOperate();
+      if (!this._canOperate()) {
+        return;
+      }
       if (this.videoType === 'video') {
         this.videoElement.playbackRate = playbackRate;
       }
@@ -227,7 +252,9 @@ var BaseVideo = /*#__PURE__*/function () {
   }, {
     key: "rePlay",
     value: function rePlay() {
-      this._canOperate();
+      if (!this._canOperate()) {
+        return;
+      }
       if (this.videoType === 'video') {
         this.videoElement.currentTime = 0;
         this.play();
@@ -238,13 +265,15 @@ var BaseVideo = /*#__PURE__*/function () {
   }, {
     key: "destroy",
     value: function destroy() {
-      this._canOperate();
+      if (!this._canOperate()) {
+        return;
+      }
       this.status = 'PREPARE';
       this.isDestroyed = true;
       if (this.videoType === 'hls') {
         this.synchronizer && this.synchronizer.destroy();
         this.hls && this.hls.destroyed();
-        this._map.clock.shouldAnimate = false;
+        this.getMap().clock.shouldAnimate = false;
       }
       this.videoElement.remove();
       this.videoPolygonLayer.remove();

package/dist/esm/videoFusion/VideoProject.js

@@ -38,8 +38,10 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
     key: "addToMap",
     value: function addToMap(map) {
       var _this2 = this;
-      this._canOperate();
-      this._map = map;
+      if (!this._canOperate()) {
+        return;
+      }
+      this._mapContext = map._mapContext;
       var videoOptions;
       if (this.videoType === 'video') {
         this.options.video.autoPlay && this.play();
@@ -130,7 +132,9 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
   }, {
     key: "show",
     value: function show(isShow) {
-      this._canOperate();
+      if (!this._canOperate()) {
+        return;
+      }
       this.frustumLineLayer && this.frustumLineLayer.show(isShow);
       _get(_getPrototypeOf(VideoProject.prototype), "show", this).call(this, isShow);
     }
@@ -142,7 +146,7 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
       var _this3 = this,
         _this$options$style3;
       var draw = function draw(geoJson) {
-        _this3.frustumLineLayer = _this3._map.addGraphicLayer(geoJson, {
+        _this3.frustumLineLayer = _this3.getMap().addGraphicLayer(geoJson, {
           type: 'polylineP',
           style: {
             color: '#ffffff'
@@ -152,7 +156,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') {
-        var clampToGround = new ClampToGround(this._map);
+        var clampToGround = new ClampToGround(this.getMap());
         var c3arr = utils.lngLatAltArrayToCartesian3Array(interPoints);
         clampToGround.getLngLatAltArrToHeight(c3arr, 'terrain').then(function (result) {
           result.coordinates.forEach(function (point) {
@@ -193,14 +197,14 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
       var startPoint = utils.lngLatAltToCartographic(start[0], start[1], start[2]);
       var endPoint = utils.lngLatAltToCartographic(end[0], end[1], end[2]);
       // 创建起点和终点的笛卡尔坐标
-      var startCartesian = this._map.scene.globe.ellipsoid.cartographicToCartesian(startPoint);
-      var endCartesian = this._map.scene.globe.ellipsoid.cartographicToCartesian(endPoint);
+      var startCartesian = this.getMap().scene.globe.ellipsoid.cartographicToCartesian(startPoint);
+      var endCartesian = this.getMap().scene.globe.ellipsoid.cartographicToCartesian(endPoint);
       // 通过原点和方向 创建射线
       var direction = Cesium.Cartesian3.subtract(endCartesian, startCartesian, new Cesium.Cartesian3());
       var ray = new Cesium.Ray(startCartesian, direction);
 
       // 计算射线与地球表面的交点
-      var result = Cesium.IntersectionTests.rayEllipsoid(ray, this._map.scene.globe.ellipsoid);
+      var result = Cesium.IntersectionTests.rayEllipsoid(ray, this.getMap().scene.globe.ellipsoid);
       if (result && result.start !== result.stop) {
         // 计算交点的位置
         var intersectionPoint = Cesium.Ray.getPoint(ray, result.start);
@@ -217,10 +221,12 @@ var VideoProject = /*#__PURE__*/function (_BaseVideo) {
   }, {
     key: "destroy",
     value: function destroy() {
-      this._canOperate();
+      if (!this._canOperate()) {
+        return;
+      }
       this.frustum && this.frustum.destroy();
       this.frustum = null;
-      this.frustumLineLayer && this._map.removeGraphicSource(this.frustumLineLayer.id);
+      this.frustumLineLayer && this.getMap().removeGraphicSource(this.frustumLineLayer.id);
       this.frustumLineLayer = null;
       _get(_getPrototypeOf(VideoProject.prototype), "destroy", this).call(this);
     }