@uni-sw/u-design 2.0.4

package/es/components/UMap/map/util/StreamMapControl.js

@@ -0,0 +1,1315 @@
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * @Description: 云渲染控制文件
+ * @author: 07624
+ * @time: 2022-08-03
+ */
+import { __awaiter } from "tslib";
+import { cloneDeep, forEach } from 'lodash';
+import { GUID, getNATIpAndPort, getPort } from "./publicFun.js";
+import UMessageBox from "../../../UMessageBox";
+import { getSWServers, addDevicePoint, queryIdByMapCode, updateMapPointById } from "../api/MapApi";
+import { isSuccessCode } from "./mapEnv";
+//#endregion
+var protocol = document.location.protocol;
+/**
+ * 云渲染控制类
+ */
+var ScreenMapControl = /*#__PURE__*/function () {
+  function ScreenMapControl() {
+    var _this = this;
+    _classCallCheck(this, ScreenMapControl);
+    /** 地图对象 */
+    this.mapObj = null;
+    /** 是否禁止操作地图 */
+    this.operateDisable = false;
+    /** 全部楼层模型 */
+    this.models = [];
+    /** 按建筑物分类 */
+    this.builds = {};
+    /** 正在绘制 */
+    this.isDraw = false;
+    /** 地图绑定外部所有事件 */
+    this.allEvents = {
+      buildClickEvent: function buildClickEvent() {},
+      buildDbClickEvent: function buildDbClickEvent() {},
+      modelClickEvent: function modelClickEvent() {},
+      jumpSingleModelEvent: function jumpSingleModelEvent() {},
+      jumpUNWView: function jumpUNWView() {},
+      modelClickEventInfo: function modelClickEventInfo() {},
+      modelPullEvent: function modelPullEvent() {},
+      modelAnimationCall: function modelAnimationCall() {},
+      modelClick: function modelClick() {},
+      pullAllModelToDrawEvent: function pullAllModelToDrawEvent() {},
+      devModelClickEvent: function devModelClickEvent() {},
+      pointAddAndDelEvent: function pointAddAndDelEvent() {}
+    };
+    /** 正在显示的建筑物 */
+    this.isShowSingleBuild = '';
+    /** 正在显示的模型 */
+    this.isShowSingleModel = '';
+    /** 点位定位定时器 */
+    this.localPointTimer = null;
+    /** 语言包 */
+    this.textLocale = {};
+    /** 所有内置模型 */
+    this.allDevModel = {};
+    /**
+     * 处理地图数据
+     */
+    this._dealMapData = function () {
+      // 平摊全部模型
+      for (var i = 0; i < _this.mapData.buildingList.length; i++) {
+        var build = cloneDeep(_this.mapData.buildingList[i]);
+        for (var j = 0; j < build.modelList.length; j++) {
+          var model = build.modelList[j];
+          model.layerId = build.layerId;
+          _this.models.push(model);
+        }
+        _this.builds[build.layerId] = build;
+      }
+      // 绑定相关事件
+      _this.mapObj.bindEventForMap('leftClick', _this._leftClick);
+      _this.mapObj.bindEventForMap('dbClick', _this._dbClick);
+    };
+    /**
+     * 地图左键
+     * @param p 参数
+     */
+    this._leftClick = function (p) {
+      var _a, _b, _c, _d;
+      // 先判断是否是点击了相机
+      if (_this._isDevModel(p === null || p === void 0 ? void 0 : p.info) && !_this.operateDisable && !_this.isDraw) {
+        _this._devModelClick(p);
+        return;
+      }
+      if (!_this.isDraw && !_this.operateDisable) {
+        _this._highlight((_b = (_a = p === null || p === void 0 ? void 0 : p.info) === null || _a === void 0 ? void 0 : _a.layerId) !== null && _b !== void 0 ? _b : '', (_d = (_c = p === null || p === void 0 ? void 0 : p.info) === null || _c === void 0 ? void 0 : _c.id) !== null && _d !== void 0 ? _d : '');
+      }
+      if (p.info) {
+        if (_this._findModel(p.info.id)) {
+          _this._callModelClick(p.info.id);
+          _this._floorClick(p.info);
+        }
+      }
+    };
+    /**
+     * 地图双击
+     * @param p 地图信息
+     */
+    this._dbClick = function (p) {
+      if (p.info) {
+        if (_this._findModel(p.info.id)) {
+          _this._floorDbClick(p.info);
+        }
+      }
+    };
+    /**
+     * 执行模型点击事件
+     * @param id 模型id
+     */
+    this._callModelClick = function (id) {
+      var model = _this._findModel(id);
+      model && _this.allEvents.modelClickEventInfo(model);
+    };
+    //#endregion
+    //#region 工具方法
+    /**
+     * 高亮模型
+     * @param layerId 图层id
+     * @param id 模型id
+     * @param high 是否高亮
+     */
+    this._highlight = function (layerId, id) {
+      var high = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      for (var i = 0; i < _this.models.length; i++) {
+        var model = _this.models[i];
+        if (model.id === id && model.high !== high) {
+          _this.mapObj.modelHighlightAnimation(layerId, id, {
+            high: high
+          });
+          model.high = high;
+        } else if (model.high === true) {
+          _this.mapObj.modelHighlightAnimation(model.layerId, model.id, {
+            high: false
+          });
+          model.high = false;
+        }
+      }
+    };
+    /**
+     * 寻找是否存在模型
+     * @param id 模型id
+     */
+    this.findModel = function (id) {
+      for (var i = 0; i < _this.models.length; i++) {
+        var model = _this.models[i];
+        if (model.id === id) {
+          return model;
+        }
+      }
+      return null;
+    };
+    /**
+     *  获取所有模型
+     */
+    this.getAllModelList = function () {
+      return _this.models;
+    };
+    /**
+     * 清除云渲染地图
+     */
+    this.clearMapObj = function () {
+      if (_this.mapObj) {
+        _this.mapObj.deleteMap();
+      }
+      _this.localPointTimer && clearTimeout(_this.localPointTimer);
+      _this.mapObj = undefined;
+      _this._clearAllSelectId();
+      // 清空各类数据
+      _this.models = [];
+      _this.builds = {};
+      _this.isShowSingleModel = '';
+      _this.isShowSingleBuild = '';
+      // 清空选中楼层
+      _this.operateDisable = false;
+      _this.isDraw = false;
+      _this.allDevModel = {};
+    };
+    /**
+     * 删除地图
+     */
+    this.deleteMap = function () {
+      if (_this.mapObj) {
+        _this.mapObj.deleteMap();
+      }
+    };
+    this._getMapAddrInfo = function () {
+      return __awaiter(_this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee() {
+        var _a, serverListData, i, element, j, element2, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
+            case 0:
+              _context.p = 0;
+              _context.n = 1;
+              return getSWServers();
+            case 1:
+              serverListData = _context.v;
+              if (!(((_a = serverListData === null || serverListData === void 0 ? void 0 : serverListData.data) === null || _a === void 0 ? void 0 : _a.errCode) === 0)) {
+                _context.n = 6;
+                break;
+              }
+              i = 0;
+            case 2:
+              if (!(i < serverListData.data.result.produceInfosByIp.length)) {
+                _context.n = 6;
+                break;
+              }
+              element = serverListData.data.result.produceInfosByIp[i];
+              j = 0;
+            case 3:
+              if (!(j < element.produceInfos.length)) {
+                _context.n = 5;
+                break;
+              }
+              element2 = element.produceInfos[j];
+              if (!(element2.productId === '11086')) {
+                _context.n = 4;
+                break;
+              }
+              return _context.a(2, {
+                ip: element2.devIp
+              });
+            case 4:
+              j++;
+              _context.n = 3;
+              break;
+            case 5:
+              i++;
+              _context.n = 2;
+              break;
+            case 6:
+              return _context.a(2, null);
+            case 7:
+              _context.p = 7;
+              _t = _context.v;
+              return _context.a(2, null);
+          }
+        }, _callee, null, [[0, 7]]);
+      }));
+    };
+    //#endregion
+    //#region 地图展示
+    /**
+     * 楼层单击
+     * @param p 楼层信息
+     */
+    this._floorClick = function (p) {
+      // 如果在绘制状态直接定位到具体模型即可
+      if (_this.isDraw && p.id) {
+        _this.allEvents.buildClickEvent(p.layerId);
+        return;
+      }
+      if (_this.operateDisable) return;
+      // 设置建筑物id
+      _this.allEvents.buildClickEvent(p.layerId);
+      // 清空模型id
+      _this.allEvents.modelClickEvent(null);
+    };
+    //#endregion
+    //#region 地图操作方法
+    /**
+     * 设置地图操作禁用
+     * @param {boolean} disable 禁用状态
+     */
+    this.setOperateDisable = function () {
+      var disable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      _this.operateDisable = disable;
+    };
+    /**
+     * 模型拉开进行绘制
+     */
+    this.pullAllModelToDraw = function () {
+      if (_this.isDraw) return;
+      var end = false;
+      for (var i = 0; i < _this.mapData.buildingList.length; i++) {
+        var element = _this.mapData.buildingList[i];
+        // 显示了单个模型，需要回到楼层显示
+        if (_this.isShowSingleModel && _this.isShowSingleBuild === element.layerId) {
+          // 获取顶楼直接显示顶楼
+          var _floors = element.modelList.sort(function (a, b) {
+            return a.floor - b.floor;
+          });
+          if (_floors.length > 0) {
+            var floor = _floors[_floors.length - 1];
+            _this.mapObj.setModelInner(floor.layerId, floor.id);
+          }
+        }
+        _this.mapObj.setModelIndoor(element.layerId, true, function () {
+          if (!end) {
+            _this.allEvents.modelAnimationCall('pull');
+          }
+          end = true;
+        });
+      }
+      _this._clearAllSelectId();
+      _this._highlight('', '');
+      _this.isDraw = true;
+      _this.setOperateDisable(true);
+      var floors = {};
+      _this._callAllModel(function (element) {
+        floors[element.id] = element.floor;
+      });
+      _this.allEvents.pullAllModelToDrawEvent(floors);
+    };
+    /**
+     * 回到初始视角从绘制状态
+     * @param info 视角信息
+     * @param time 时间
+     */
+    this.jumpScreenViewFromDraw = function (info) {
+      var time = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function () {};
+      var end = false;
+      for (var i = 0; i < _this.mapData.buildingList.length; i++) {
+        var element = _this.mapData.buildingList[i];
+        _this.mapObj.setModelIndoor(element.layerId, false, function () {
+          if (!end) {
+            _this.allEvents.modelAnimationCall('pull');
+          }
+          end = true;
+        });
+      }
+      _this.allEvents.jumpUNWView();
+      _this.isDraw = false;
+      _this.setOperateDisable();
+      if (info) {
+        if (typeof info === 'string') {
+          info = JSON.parse(info);
+        }
+        _this.mapObj.setViewByViewInfo(info, {
+          duration: time
+        });
+      }
+    };
+    /**
+     * 获取所有建筑物列表
+     */
+    this.getAllBuildlList = function () {
+      return _this.builds;
+    };
+    /**
+     * 获取所有建筑物列表
+     */
+    this.getAllModel = function () {
+      return _this.models;
+    };
+    /**
+     * 模型点击
+     * @param model 模型信息
+     */
+    this.floorClickToSingle = function (model) {
+      if (!model) return;
+      // 如果在绘制状态直接定位到具体模型即可
+      if (_this.isDraw) {
+        _this.mapObj.orientModel(model.layerId, model.id, {
+          duration: 1,
+          offset: {
+            x: 0,
+            y: 6000,
+            z: 6000
+          }
+        });
+        return;
+      }
+      if (!_this.isShowSingleBuild) {
+        for (var i = 0; i < _this.mapData.buildingList.length; i++) {
+          var element = _this.mapData.buildingList[i];
+          if (element.layerId === model.layerId) {
+            _this.mapObj.setModelIndoor(element.layerId, true, function () {
+              _this.allEvents.modelAnimationCall('pull');
+            });
+          } else {
+            _this.mapObj.setModelIndoor(element.layerId, false);
+          }
+        }
+        _this.isShowSingleBuild = model.layerId;
+        _this.allEvents.modelPullEvent(true, model.layerId);
+        // 设置建筑物id
+        _this.allEvents.buildClickEvent(model.layerId);
+        // 清空模型id
+        _this.allEvents.modelClickEvent(null);
+      } else {
+        // 当前点击的非当前展示的建筑物
+        if (model.layerId !== _this.isShowSingleBuild) {
+          for (var _i = 0; _i < _this.mapData.buildingList.length; _i++) {
+            var _element = _this.mapData.buildingList[_i];
+            if (_element.layerId === model.layerId) {
+              _this.mapObj.setModelIndoor(_element.layerId, true, function () {
+                _this.allEvents.modelAnimationCall('pull');
+              });
+            } else if (_element.layerId === _this.isShowSingleBuild) {
+              _this.mapObj.setModelIndoor(_element.layerId, false);
+            }
+          }
+          _this.isShowSingleBuild = model.layerId;
+          _this.isShowSingleModel = '';
+          _this.allEvents.modelClickEvent(null);
+          // 清空建筑物高亮id
+          _this.allEvents.buildDbClickEvent('');
+          _this.allEvents.jumpUNWView();
+          _this.localPointTimer = setTimeout(function () {
+            _this.localPointTimer && clearTimeout(_this.localPointTimer);
+            _this.localPointTimer = null;
+            _this.allEvents.modelPullEvent(true, model.layerId);
+          }, 1000);
+          // 设置建筑物id
+          _this.allEvents.buildClickEvent(model.layerId);
+        } else {
+          // 跳转到单个建筑物，找到真实楼层的视角
+          _this.mapObj.setModelInner(model.layerId, model.id, function () {
+            _this.allEvents.modelAnimationCall('visible');
+            _this.allEvents.jumpSingleModelEvent(model.id);
+          });
+          _this.mapObj.orientModel(model.layerId, model.id, {
+            duration: 1,
+            offset: {
+              x: 0,
+              y: 6000,
+              z: 6000
+            }
+          });
+          // 设置单模型id
+          _this.isShowSingleModel = model.id;
+          // 设置选中的楼层
+          _this.allEvents.buildDbClickEvent(model.id);
+        }
+      }
+    };
+    /**
+     * 跳转模型视角
+     */
+    this.jumpModelView = function () {
+      /** 方法保留，防止报错 */
+    };
+    /**
+     * 回到场景默认视角
+     * @param {number} time 时间
+     * @param {Object} info 视角信息
+     * @param {Boolean} neesTip 是否需要提示
+     */
+    this.jumpScreenView = function () {
+      var time = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.5;
+      var info = arguments.length > 1 ? arguments[1] : undefined;
+      var neesTip = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      if (info) {
+        if (typeof info === 'string') {
+          info = JSON.parse(info);
+        }
+        _this.mapObj.setViewByViewInfo(info, {
+          duration: time
+        });
+      } else {
+        if (neesTip) {
+          UMessageBox.info(_this.textLocale.streamNoMapAngle || '该地图未设置默认视角');
+        }
+      }
+      if (_this.isDraw) {
+        return;
+      }
+      // 将拉开的建筑物归位
+      if (_this.isShowSingleBuild) {
+        _this.mapObj.setModelIndoor(_this.isShowSingleBuild, false, function () {
+          _this.allEvents.modelAnimationCall('pull');
+        });
+      }
+      _this._clearAllSelectId();
+      // 触发返回默认视角
+      _this.allEvents.jumpUNWView();
+      _this._highlight('', '');
+    };
+    /**
+     * 获取所有模型id
+     * @param id 需要排除的id
+     */
+    this.getAllModelListId = function (id) {
+      var ids = [];
+      for (var i = 0; i < _this.models.length; i++) {
+        var element = _this.models[i];
+        if (element.id !== id) {
+          ids.push(element.id);
+        }
+      }
+      return ids;
+    };
+    /**
+     * 单纯合并或者拉开所有模型，不进行任何操作
+     * @param pull 拉开 or 关闭
+     */
+    this.mergeAllModel = function (pull) {
+      var end = false;
+      for (var i = 0; i < _this.mapData.buildingList.length; i++) {
+        var element = _this.mapData.buildingList[i];
+        _this.mapObj.setModelIndoor(element.layerId, pull, function () {
+          if (!end) {
+            _this.allEvents.modelAnimationCall('pull');
+          }
+          end = true;
+        });
+      }
+    };
+    /**
+     * 根据模型id获取模型信息
+     * @param id 模型id
+     */
+    this.getFloorInfoById = function (id) {
+      var el;
+      for (var i = 0; i < _this.models.length; i++) {
+        var element = _this.models[i];
+        if (element.id === id) {
+          el = element;
+          break;
+        }
+      }
+      return el;
+    };
+    /**
+     * 获取当前模型是否是室外模型
+     * @param modelId 模型id
+     */
+    this.getModelIsOutfloor = function (modelId) {
+      return !modelId;
+    };
+    /**
+     * 显示模型
+     * @param id 模型id
+     * @param call 回调
+     */
+    this.showModel = function (id) {
+      var call = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+      var model = _this._findModel(id);
+      if (model) {
+        if (_this.isShowSingleBuild) {
+          // 当前点击的非当前展示的建筑物，先返回室内模式
+          if (model.layerId !== _this.isShowSingleBuild) {
+            _this.mapObj.setModelIndoor(_this.isShowSingleBuild, false, function () {});
+            _this.isShowSingleBuild = model.layerId;
+            // 触发返回默认视角
+            _this.allEvents.jumpUNWView();
+            for (var i = 0; i < _this.mapData.buildingList.length; i++) {
+              var element = _this.mapData.buildingList[i];
+              if (element.layerId === model.layerId) {
+                _this.mapObj.setModelIndoor(element.layerId, true, function () {
+                  // 跳转到单个建筑物，找到真实楼层的视角
+                  _this.mapObj.setModelInner(model.layerId, model.id, function () {
+                    _this.allEvents.jumpSingleModelEvent(model.id);
+                    call();
+                  });
+                  // 设置单模型id
+                  _this.isShowSingleModel = model.id;
+                  // 设置选中的楼层
+                  _this.allEvents.buildDbClickEvent(model.id);
+                });
+              }
+            }
+            _this.allEvents.modelPullEvent(true, model.layerId);
+            _this.allEvents.buildClickEvent(model.layerId);
+          } else {
+            // 跳转到单个建筑物，找到真实楼层的视角
+            _this.mapObj.setModelInner(model.layerId, model.id, function () {
+              _this.allEvents.jumpSingleModelEvent(model.id);
+              call();
+            });
+            // 设置单模型id
+            _this.isShowSingleModel = model.id;
+            // 设置选中的楼层
+            _this.allEvents.buildDbClickEvent(model.id);
+          }
+        } else {
+          _this.isShowSingleBuild = model.layerId;
+          // 先进入建筑物模式
+          for (var _i2 = 0; _i2 < _this.mapData.buildingList.length; _i2++) {
+            var _element2 = _this.mapData.buildingList[_i2];
+            if (_element2.layerId === model.layerId) {
+              _this.mapObj.setModelIndoor(_element2.layerId, true, function () {
+                // 跳转到单个建筑物，找到真实楼层的视角
+                _this.mapObj.setModelInner(model.layerId, model.id, function () {
+                  // 进入单层
+                  _this.allEvents.jumpSingleModelEvent(model.id);
+                  call();
+                });
+                // 设置单模型id
+                _this.isShowSingleModel = model.id;
+                // 设置选中的楼层
+                _this.allEvents.buildDbClickEvent(model.id);
+              });
+            }
+          }
+          _this.allEvents.modelPullEvent(true, model.layerId);
+          _this.allEvents.buildClickEvent(model.layerId);
+        }
+      } else {
+        if (_this.isShowSingleBuild) {
+          // 将拉开的建筑物归位
+          if (_this.isShowSingleBuild) {
+            _this.mapObj.setModelIndoor(_this.isShowSingleBuild, false);
+          }
+          call();
+          _this._clearAllSelectId();
+          // 触发返回默认视角
+          _this.allEvents.jumpUNWView();
+        } else {
+          call();
+        }
+      }
+    };
+    /**
+     * 添加一个空函数，防止调用时报错
+     * @param _id
+     */
+    this.modelClickToSingle = function (_id) {};
+    this.jumpEagleEyeMap = function () {};
+    this.setHolography = function () {
+      var reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      _this.mapData.buildingList.forEach(function (item) {
+        _this.mapObj.setEventsData({
+          EventName: 'holography',
+          build: item.layerId,
+          reset: reset
+        });
+      });
+      _this.mapObj.setTime(reset ? 10 : 20);
+    };
+    this._getCharLengthName = function (str, length) {
+      var iLength = 0;
+      var maxLength = length ? length * 2 : 18;
+      var arr = [];
+      var hasEsplit = '';
+      for (var i = 0; i < str.length; i++) {
+        if (iLength >= maxLength) {
+          hasEsplit = '...';
+          break;
+        }
+        arr.push(str[i]);
+        if (str.charCodeAt(i) > 255) {
+          iLength += 2;
+        } else {
+          iLength += 1;
+        }
+      }
+      return "".concat(arr.join('')).concat(hasEsplit);
+    };
+    //控制内置点位显隐
+    this.bindPointVisEvent = function (id, visible) {
+      var model = _this.allDevModel[id];
+      if (model) {
+        if (model.show === visible) {
+          return;
+        }
+        model.show = visible;
+        var _id$split = id.split(':'),
+          _id$split2 = _slicedToArray(_id$split, 2),
+          layerName = _id$split2[0],
+          name = _id$split2[1];
+        _this.mapObj.mapObj.api.Model.setVisible({
+          layerName: layerName,
+          name: [model.nameId, name],
+          visible: visible
+        });
+      }
+    };
+    this.bindPointHeightEvent = function (id, position) {
+      var model = _this.allDevModel[id];
+      if (model) {
+        var _id$split3 = id.split(':'),
+          _id$split4 = _slicedToArray(_id$split3, 1),
+          layerName = _id$split4[0];
+        _this.mapObj.mapObj.api.Model.updateModel({
+          layerName: layerName,
+          name: model.nameId,
+          position: Object.assign(Object.assign({}, position), {
+            height: position.height + 0.2
+          })
+        });
+      }
+    };
+    //#endregion
+    this.getModelStatus = function () {
+      var showModelIds = [];
+      var hiddenModelIds = [];
+      var model2Floor = {};
+      var pullModel2Floor = {};
+      // 当前在拉开建筑物中的模型的状态 || 当前在展示建筑物外模型的状态
+      if (_this.isShowSingleModel) {
+        // 其他都隐藏
+        _this.models.forEach(function (model) {
+          var modelInfo = {
+            visible: true,
+            floor: model.floor
+          };
+          if (model.id === _this.isShowSingleModel) {
+            showModelIds.push(model.id);
+          } else {
+            hiddenModelIds.push(model.id);
+            modelInfo.visible = false;
+          }
+          model2Floor[model.id] = modelInfo;
+          if (model.layerId === _this.isShowSingleBuild) {
+            pullModel2Floor[model.id] = modelInfo;
+          }
+        });
+        hiddenModelIds.push('');
+        // 当前在仅拉开建筑物的状态
+      } else if (_this.isShowSingleBuild) {
+        _this.models.forEach(function (model) {
+          var modelInfo = {
+            visible: true,
+            floor: model.floor
+          };
+          if (model.layerId === _this.isShowSingleBuild) {
+            showModelIds.push(model.id);
+            pullModel2Floor[model.id] = modelInfo;
+          } else {
+            hiddenModelIds.push(model.id);
+            modelInfo.visible = false;
+          }
+          model2Floor[model.id] = modelInfo;
+        });
+        hiddenModelIds.push('');
+        // 默认完全展示的状态
+      } else {
+        _this.models.forEach(function (model) {
+          showModelIds.push(model.id);
+          model2Floor[model.id] = {
+            visible: true,
+            floor: model.floor
+          };
+          // 如果是拉开全部模型
+          _this.isDraw && (pullModel2Floor[model.id] = {
+            visible: true,
+            floor: model.floor
+          });
+        });
+      }
+      return {
+        focusBuildId: _this.isShowSingleBuild,
+        focusModelId: _this.isShowSingleModel,
+        showModelIds: showModelIds,
+        hiddenModelIds: hiddenModelIds,
+        model2Floor: model2Floor,
+        pullModel2Floor: pullModel2Floor
+      };
+    };
+  }
+  //#region 内部方法
+  /**
+   * 添加js文件
+   * @param isServerIp is ip地址
+   * @param callback 回调
+   */
+  return _createClass(ScreenMapControl, [{
+    key: "_addJs",
+    value: function _addJs(serverInfo) {
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee2() {
+        var isServerIp, mapHost;
+        return _regenerator().w(function (_context2) {
+          while (1) switch (_context2.n) {
+            case 0:
+              isServerIp = serverInfo.isServerIp, mapHost = serverInfo.mapHost;
+              return _context2.a(2, new Promise(function (resolve) {
+                // 通过mape加载js，如果失败了再通过is加载js，这是为了确保集思的地图能加载
+                var mapeJsScript = document.createElement('script');
+                mapeJsScript.type = 'text/javascript';
+                mapeJsScript.src = "".concat(protocol, "//").concat(mapHost, "/static/streamingEngine.js");
+                if (process.env.NODE_ENV === 'development') {
+                  // mapeJsScript.src = `${protocol}//127.0.0.1:7776/streamingEngine.js`;
+                }
+                document.body.appendChild(mapeJsScript);
+                mapeJsScript.onload = function () {
+                  resolve(1);
+                };
+                // 监听加载失败
+                mapeJsScript.onerror = function () {
+                  document.body.removeChild(mapeJsScript);
+                  var mapeJsInISScript = document.createElement('script');
+                  mapeJsInISScript.type = 'text/javascript';
+                  mapeJsInISScript.src = "".concat(protocol, "//").concat(isServerIp, ":").concat(getPort('8923'), "/static/streamingEngine.js");
+                  document.body.appendChild(mapeJsInISScript);
+                  mapeJsInISScript.onload = function () {
+                    resolve(1);
+                  };
+                };
+              }));
+          }
+        }, _callee2);
+      }));
+    }
+    /**
+     * 寻找是否存在模型
+     * @param id 模型id
+     */
+  }, {
+    key: "_findModel",
+    value: function _findModel(id) {
+      for (var i = 0; i < this.models.length; i++) {
+        var model = this.models[i];
+        if (model.id === id) {
+          return model;
+        }
+      }
+      return null;
+    }
+    /**
+    * 清除各类选择id数据
+    */
+  }, {
+    key: "_clearAllSelectId",
+    value: function _clearAllSelectId() {
+      this.isShowSingleBuild = '';
+      this.isShowSingleModel = '';
+      // 清空建筑物显示id
+      this.allEvents.buildClickEvent('');
+      // 清空楼层显示id
+      this.allEvents.buildDbClickEvent('');
+      // 清空模型显示id
+      this.allEvents.modelClickEvent(null);
+    }
+    /**
+     * 循环所有模型，执行对应回调
+     * @param callback
+     * @returns
+     */
+  }, {
+    key: "_callAllModel",
+    value: function _callAllModel(callback) {
+      for (var i = 0; i < this.models.length; i++) {
+        var element = this.models[i];
+        callback(element);
+      }
+    }
+    //#endregion
+    //#region 初始化方法
+    /**
+     * 获取云渲染控制类实例
+     * @param id 实例唯一id，若需要创建不同的实例需要传入对应id
+     */
+  }, {
+    key: "initMap",
+    value:
+    /**
+     * 添加云渲染地图
+     * @param initMapParam 初始化参数
+     */
+    function initMap(initMapParam) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee3() {
+        var element, token, _initMapParam$callbac, callback, events, isServerIp, lang, textLocale, mapDataIn, mapIp, port, mapAddrInfo, mapHost, conf, version, _yield$window$streami, mapObj, _t2;
+        return _regenerator().w(function (_context3) {
+          while (1) switch (_context3.p = _context3.n) {
+            case 0:
+              element = initMapParam.element, token = initMapParam.token, _initMapParam$callbac = initMapParam.callback, callback = _initMapParam$callbac === void 0 ? function () {} : _initMapParam$callbac, events = initMapParam.events, isServerIp = initMapParam.isServerIp, lang = initMapParam.lang, textLocale = initMapParam.textLocale;
+              mapDataIn = initMapParam.mapData;
+              mapIp = '', port = 4900; // 兼容老版本的地图，带上了地图所需要的信息，不需要再接口获取了
+              if (!(mapDataIn && mapDataIn.buildingList)) {
+                _context3.n = 1;
+                break;
+              }
+              mapIp = mapDataIn.mapIp;
+              port = mapDataIn.port;
+              _context3.n = 3;
+              break;
+            case 1:
+              // 这里直接设置为undefined，因为他会有一些额外信息，这些不需要发给引擎，防止引擎误认为有数据导致不实时获取地图信息
+              mapDataIn = undefined;
+              // 先获取mapIp和port
+              _context3.n = 2;
+              return this._getMapAddrInfo();
+            case 2:
+              mapAddrInfo = _context3.v;
+              if (!mapAddrInfo) {
+                // 没获取到就比较严重了，可能直接加载不出来，那就直接使用isServerIp尝试加载
+                mapIp = isServerIp;
+              } else {
+                mapIp = mapAddrInfo.ip;
+              }
+            case 3:
+              mapHost = getNATIpAndPort("".concat(mapIp, ":").concat(port));
+              this.allEvents = Object.assign(Object.assign({}, this.allEvents), events);
+              this.textLocale = textLocale;
+              conf = {
+                element: element,
+                mapUrl: "".concat(protocol, "//").concat(mapHost),
+                key: 'future',
+                mapData: mapDataIn,
+                lang: lang,
+                token: token
+              };
+              version = mapDataIn === null || mapDataIn === void 0 ? void 0 : mapDataIn.version;
+              if (window.streamingEngine) {
+                _context3.n = 4;
+                break;
+              }
+              _context3.n = 4;
+              return this._addJs({
+                isServerIp: isServerIp,
+                mapHost: mapHost
+              });
+            case 4:
+              _context3.p = 4;
+              _context3.n = 5;
+              return window.streamingEngine(conf, version);
+            case 5:
+              _yield$window$streami = _context3.v;
+              mapObj = _yield$window$streami.mapObj;
+              if (mapDataIn) {
+                // 如果是传进来的数据直接修改为自定义地图数据
+                mapObj.mapData = mapDataIn;
+              }
+              this.mapObj = mapObj; // 地图实例
+              this.mapData = this.mapObj.mapData;
+              this._dealMapData();
+              callback && callback(mapObj);
+              return _context3.a(2, mapObj);
+            case 6:
+              _context3.p = 6;
+              _t2 = _context3.v;
+              UMessageBox.info(textLocale.streamMapFailed || _t2.message || '地图加载失败，请刷新页面重试');
+              callback && callback(null);
+              return _context3.a(2, null);
+          }
+        }, _callee3, this, [[4, 6]]);
+      }));
+    }
+    /**
+     * 楼层双击
+     * @param p 楼层信息
+     */
+  }, {
+    key: "_floorDbClick",
+    value: function _floorDbClick(p) {
+      if (this.operateDisable) return;
+      this.floorClickToSingle(this._findModel(p.id));
+    }
+    //#endregion
+    //#region 内置模型相关
+    /**
+     * 获取内置模型
+     * @param key key
+     * @param v 值
+     */
+  }, {
+    key: "getInnerPoint",
+    value: function getInnerPoint(key, v) {
+      var item = undefined;
+      forEach(this.allDevModel, function (point) {
+        // 循环标记id
+        if (point && point[key] === v) {
+          item = point;
+        }
+      });
+      return item;
+    }
+    /**
+     * 是否点击内置模型
+     * @param info
+     * @returns
+     */
+  }, {
+    key: "_isDevModel",
+    value: function _isDevModel(info) {
+      if (!info) {
+        return false;
+      }
+      var modelId = "".concat(info === null || info === void 0 ? void 0 : info.layerId, ":").concat(info === null || info === void 0 ? void 0 : info.id);
+      if (this.allDevModel[modelId] || this.allDevModel[modelId] === null) {
+        return true;
+      }
+      var isDev = false;
+      forEach(this.allDevModel, function (v) {
+        if (v && v.nameId === info.id) {
+          isDev = true;
+        }
+      });
+      return isDev;
+    }
+    /**
+     * 点击相机模型
+     * @param p
+     */
+  }, {
+    key: "_devModelClick",
+    value: function _devModelClick(p) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee4() {
+        var modelId, modelInfo;
+        return _regenerator().w(function (_context4) {
+          while (1) switch (_context4.n) {
+            case 0:
+              modelId = "".concat(p.info.layerId, ":").concat(p.info.id);
+              if (!this.allDevModel[modelId]) {
+                forEach(this.allDevModel, function (v) {
+                  if (v && v.nameId === p.info.id) {
+                    modelId = v.modelId;
+                  }
+                });
+              }
+              if (!this.mapObj.getModelInfo) {
+                _context4.n = 2;
+                break;
+              }
+              _context4.n = 1;
+              return this.mapObj.getModelInfo(modelId.split(':')[0], modelId.split(':')[1]);
+            case 1:
+              modelInfo = _context4.v;
+              if (modelInfo.ErrCode === 0) {
+                p.subPos = modelInfo.position;
+              }
+            case 2:
+              this.allEvents.devModelClickEvent(p, this.allDevModel[modelId]);
+            case 3:
+              return _context4.a(2);
+          }
+        }, _callee4, this);
+      }));
+    }
+    /**
+     * 绑定模型与设备关系
+     * @param points 设备数组
+     */
+  }, {
+    key: "setAllDevModelList",
+    value: function setAllDevModelList() {
+      var _this2 = this;
+      var points = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      var needHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var pointList = cloneDeep(points);
+      // 循环全部内置设备列表
+      if (this.mapData.devList) {
+        var devList = this.mapData.devList;
+        var _loop = function _loop(key) {
+          devList[key].map(function (i) {
+            var modelId = '';
+            modelId = "".concat(key, ":").concat(i);
+            _this2.allDevModel[modelId] = null;
+          });
+        };
+        for (var key in devList) {
+          _loop(key);
+        }
+      }
+      // 合并已绑定的设备
+      for (var l = 0; l < pointList.length; l++) {
+        var point = pointList[l];
+        point.show = true;
+        // 如果设备的内部id存在pointid相同，进行绑定
+        if (this.allDevModel[point.modelId] === null) {
+          this.allDevModel[point.modelId] = point;
+        }
+      }
+      // console.log('allDevModel:', this.allDevModel);
+      this.addDevName();
+      // 隐藏未绑定的相机
+      if (!needHidden) {
+        return;
+      }
+      var hiddenModels = {};
+      for (var _key in this.allDevModel) {
+        var element = this.allDevModel[_key];
+        var _key$split = _key.split(':'),
+          _key$split2 = _slicedToArray(_key$split, 2),
+          layer = _key$split2[0],
+          id = _key$split2[1];
+        if (!element) {
+          if (!hiddenModels[layer]) {
+            hiddenModels[layer] = [];
+          }
+          hiddenModels[layer].push(id);
+        }
+      }
+      for (var layerName in hiddenModels) {
+        var name = hiddenModels[layerName];
+        this.mapObj.mapObj.api.Model.setVisible({
+          layerName: layerName,
+          name: name,
+          visible: false
+        });
+      }
+    }
+    /**
+     * 内置设备与真实相机绑定
+     */
+  }, {
+    key: "setBindCamDevModel",
+    value: function setBindCamDevModel(modelInfo, camInfo) {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/_regenerator().m(function _callee5() {
+        var _this3 = this;
+        var modelId, ok, devModel, isBind, oldPoint, res, _res, nameId, _camInfo$modelId$spli, _camInfo$modelId$spli2, layerName, name, isV2, data, _t3, _t4;
+        return _regenerator().w(function (_context5) {
+          while (1) switch (_context5.p = _context5.n) {
+            case 0:
+              modelId = "".concat(modelInfo.info.layerId, ":").concat(modelInfo.info.id);
+              ok = false; // 判断是否已经绑定相机
+              devModel = this.allDevModel[modelId];
+              if (devModel) {
+                _context5.n = 11;
+                break;
+              }
+              // 未绑定过，直接绑定
+              // 判断该相机是否已经被绑定
+              isBind = 0;
+              oldPoint = {}; // 当前地图校验成功需要校验其他
+              _context5.p = 1;
+              _context5.n = 2;
+              return queryIdByMapCode({
+                devCode: camInfo.deviceCode
+              });
+            case 2:
+              res = _context5.v;
+              if (res && res.data && res.data.code === isSuccessCode && res.data.data !== null) {
+                oldPoint = res.data.data;
+                isBind = oldPoint.id;
+                this.allEvents.pointAddAndDelEvent(false, [oldPoint]);
+              } else {
+                isBind = 0;
+              }
+              _context5.n = 4;
+              break;
+            case 3:
+              _context5.p = 3;
+              _t3 = _context5.v;
+              isBind = 0;
+            case 4:
+              _context5.p = 4;
+              if (!isBind) {
+                _context5.n = 6;
+                break;
+              }
+              _context5.n = 5;
+              return updateMapPointById(Object.assign(Object.assign({}, camInfo), {
+                id: isBind,
+                coordinateZ: camInfo.height
+              }));
+            case 5:
+              _res = _context5.v;
+              _context5.n = 8;
+              break;
+            case 6:
+              _context5.n = 7;
+              return addDevicePoint(Object.assign(Object.assign({}, camInfo), {
+                coordinateZ: camInfo.height
+              }));
+            case 7:
+              _res = _context5.v;
+            case 8:
+              if (_res && _res.data && _res.data.code === isSuccessCode) {
+                UMessageBox.success(this.textLocale.Bindingsuccessful || '绑定成功');
+                if (isBind) {
+                  camInfo.id = isBind;
+                } else {
+                  camInfo.id = _res.data.data;
+                }
+                // 判断设备类型再渲染标牌
+                forEach(this.allDevModel, function (v) {
+                  if (v && v.deviceCode === camInfo.deviceCode) {
+                    _this3.delBindCamDevModel(v.modelId);
+                  }
+                });
+                nameId = GUID();
+                _camInfo$modelId$spli = camInfo.modelId.split(':'), _camInfo$modelId$spli2 = _slicedToArray(_camInfo$modelId$spli, 2), layerName = _camInfo$modelId$spli2[0], name = _camInfo$modelId$spli2[1];
+                isV2 = this.mapObj.mapData && this.mapObj.mapData.sdkVersion && this.mapObj.mapData.sdkVersion >= 2;
+                data = {
+                  layerName: layerName,
+                  name: nameId,
+                  text: this._getCharLengthName(camInfo.name),
+                  position: {
+                    lng: camInfo.coordinateX,
+                    lat: camInfo.coordinateY,
+                    height: camInfo.coordinateZ + 0.2
+                  },
+                  type: isV2 ? 'devnameModel' : 'devname',
+                  scale: 0.15,
+                  parent: isV2 ? {
+                    layerName: layerName,
+                    name: name,
+                    noFollowVis: true
+                  } : undefined
+                };
+                this.mapObj.mapObj.api.Model.addPoi(data);
+                camInfo.nameId = nameId;
+                this.allDevModel[modelId] = camInfo;
+                this.allDevModel[modelId].show = true;
+                this.allEvents.pointAddAndDelEvent(true, [camInfo]);
+                ok = true;
+              } else {
+                _res.data && _res.data.message && UMessageBox.error(_res.data.message);
+              }
+              _context5.n = 10;
+              break;
+            case 9:
+              _context5.p = 9;
+              _t4 = _context5.v;
+              console.error(_t4);
+              UMessageBox.error(this.textLocale.Bindingfailure || '绑定失败');
+            case 10:
+              _context5.n = 12;
+              break;
+            case 11:
+              UMessageBox.error(this.textLocale.Bindingfailure || '绑定失败');
+            case 12:
+              return _context5.a(2, ok);
+          }
+        }, _callee5, this, [[4, 9], [1, 3]]);
+      }));
+    }
+    /**
+     * 删除内置设备绑定
+     * @param modelInfo 模型信息
+     */
+  }, {
+    key: "delBindCamDevModel",
+    value: function delBindCamDevModel(id) {
+      var _this4 = this;
+      var clear = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var _a, _b;
+      if (clear) {
+        forEach(this.allDevModel, function (v) {
+          if (v && v.nameId) {
+            var data = {
+              layerName: v.modelId.split(':')[0],
+              name: v.nameId
+            };
+            _this4.mapObj.mapObj.api.Model.remove(data);
+            _this4.allDevModel[v.modelId] = null;
+          }
+        });
+        return;
+      }
+      if ((_a = this.allDevModel[id]) === null || _a === void 0 ? void 0 : _a.nameId) {
+        var data = {
+          layerName: (_b = this.allDevModel[id]) === null || _b === void 0 ? void 0 : _b.modelId.split(':')[0],
+          name: this.allDevModel[id].nameId
+        };
+        this.mapObj.mapObj.api.Model.remove(data);
+      }
+      this.allDevModel[id] = null;
+    }
+    /**
+     * 添加标牌
+     */
+  }, {
+    key: "addDevName",
+    value: function addDevName() {
+      var _this5 = this;
+      var addList = [];
+      var isV2 = this.mapObj.mapData && this.mapObj.mapData.sdkVersion && this.mapObj.mapData.sdkVersion >= 2;
+      forEach(this.allDevModel, function (v) {
+        if (v) {
+          var nameId = GUID();
+          var _v$modelId$split = v.modelId.split(':'),
+            _v$modelId$split2 = _slicedToArray(_v$modelId$split, 2),
+            layerName = _v$modelId$split2[0],
+            name = _v$modelId$split2[1];
+          var data = {
+            layerName: layerName,
+            name: nameId,
+            text: _this5._getCharLengthName(v.name),
+            position: {
+              lng: v.coordinateX,
+              lat: v.coordinateY,
+              height: v.coordinateZ + 0.2
+            },
+            type: isV2 ? 'devnameModel' : 'devname',
+            scale: 0.15,
+            parent: isV2 ? {
+              layerName: layerName,
+              name: name,
+              noFollowVis: true
+            } : undefined
+          };
+          addList.push(data);
+          v.nameId = nameId;
+        }
+      });
+      if (isV2) {
+        this.mapObj.mapObj.api.Poi.addPoiList(addList);
+      } else {
+        addList.forEach(function (v) {
+          _this5.mapObj.mapObj.api.Model.addPoi(v);
+        });
+      }
+    }
+  }], [{
+    key: "GetInstance",
+    value: function GetInstance(id) {
+      if (!id) {
+        if (!this.instance) {
+          this.instance = new ScreenMapControl();
+        }
+        return this.instance;
+      } else {
+        if (!this.instances[id]) {
+          this.instances[id] = new ScreenMapControl();
+        }
+        return this.instances[id];
+      }
+    }
+  }]);
+}();
+/**
+ * 多个instance实例
+ * @returns
+ */
+export { ScreenMapControl as default };
+ScreenMapControl.instances = {};