@uni-sw/u-design 2.0.4

package/es/components/UMap/map/pages/Map.js

@@ -0,0 +1,2860 @@
+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); }
+var _this = this;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, 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); }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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; }
+import React, { useEffect, forwardRef, useImperativeHandle, useRef, useState, Fragment } from 'react';
+import ReactDOM from 'react-dom';
+import classNames from 'classnames';
+import { UPagination } from "../../../UPagination";
+import UIcon from "../../../UIcon";
+import USpin from "../../../USpin";
+import MapSelect from "../components/MapSelect";
+import BuildFloor from "../components/BuildFloor";
+import IndependentMode from "../components/independentMode";
+import MapTrack from "../components/Track";
+import PointDraw from "../components/PointDraw";
+import { getMapFile, getModel, queryISConfig, queryMapInfo } from "../api/MapApi";
+import { getHttpsUrl, getMapEngine, getPort, isHttps, setGlobeStyle, setMapBaseWidget } from "../util/publicFun";
+import { MAP_MODE, MAP_LOAD_TYPE, MAP_TYPE, MAP_PULL_HEIGHT } from "../util/constants";
+import { DATAS_BUS_KEY, EVENTS_BUS_KEY } from "../components/Bus/BusKey";
+import DataBus from "../components/Bus/DataBus";
+import EventBus from "../components/Bus/EventBus";
+import eventBus from "../util/eventBus";
+import { emptyMapIcon } from "../assets/SvgIcon";
+import defaultIconImg from "../assets/images/devIconDefault.png";
+import MapControl from "../util/MapControl";
+import { LogError, LogInfo, LogWarning } from "../util/log";
+import MapToolMenu from "../components/MapToolMenu";
+import { _getGuid } from "../../../../globalFunc";
+import { getTheme, CUSTOM_PREFIX } from "../../../../globalVarious";
+import MapServerPointSearch from "../components/MapServerPointSearch";
+import { getPointsByDraw } from "../components/MapServerPointManage/RequestFunc";
+import "./Map.less";
+import "../../style/index.less";
+import { getMapEnv, setMapEnv } from "../util/mapEnv";
+
+// 地图sdk接口正常值
+var MAPSDK_RIGHT_CODE = 0;
+var configOptionDefault = {
+  token: '',
+  mapServerIp: '',
+  isServerIp: '',
+  centerPostion: {
+    lng: 120,
+    lat: 30
+  },
+  defaultZoom: 18,
+  speSource: false
+};
+
+//视角
+var viewCenter = {
+  1: {},
+  //平面视角
+  3: {} //gis视角
+};
+var newInfo = getHttpsUrl();
+var MapComponent = function MapComponent(props, refInstance) {
+  var _configOption$swPort;
+  var _props$dimension = props.dimension,
+    dimension = _props$dimension === void 0 ? null : _props$dimension,
+    _props$configOption = props.configOption,
+    configOption = _props$configOption === void 0 ? configOptionDefault : _props$configOption,
+    changeMap = props.changeMap,
+    changeMapBefore = props.changeMapBefore,
+    onMapLoading = props.onMapLoading,
+    _props$alwaysShowPoin = props.alwaysShowPointLabel,
+    alwaysShowPointLabel = _props$alwaysShowPoin === void 0 ? false : _props$alwaysShowPoin,
+    _props$inId = props.inId,
+    inId = _props$inId === void 0 ? '' : _props$inId,
+    _props$needInnerPoint = props.needInnerPointDraw,
+    needInnerPointDraw = _props$needInnerPoint === void 0 ? true : _props$needInnerPoint,
+    _props$needJumpScene = props.needJumpScene,
+    needJumpScene = _props$needJumpScene === void 0 ? true : _props$needJumpScene,
+    _props$canRenderMap = props.canRenderMap,
+    canRenderMap = _props$canRenderMap === void 0 ? true : _props$canRenderMap,
+    _props$pullModelEvent = props.pullModelEvent,
+    pullModelEvent = _props$pullModelEvent === void 0 ? function () {} : _props$pullModelEvent,
+    _props$independentMod = props.independentMode,
+    independentMode = _props$independentMod === void 0 ? false : _props$independentMod,
+    mapInfo = props.mapInfo,
+    pointFromMapProps = props.pointFromMapProps,
+    toolMenuProps = props.toolMenuProps,
+    searchPointProps = props.searchPointProps,
+    getMapInfo = props.getMapInfo,
+    mapSwitchType = props.mapSwitchType,
+    _props$canSetView = props.canSetView,
+    canSetView = _props$canSetView === void 0 ? {
+      canSet: false
+    } : _props$canSetView,
+    textLocale = props.textLocale,
+    theme = props.theme,
+    _props$toolComponents = props.toolComponents,
+    toolComponents = _props$toolComponents === void 0 ? {
+      mapRes: false,
+      mapResSecu: false,
+      locationSecu: false,
+      overviewSecu: false,
+      zoomSlideSecu: false
+    } : _props$toolComponents,
+    _props$modelAnimation = props.modelAnimationCall,
+    modelAnimationCall = _props$modelAnimation === void 0 ? function () {} : _props$modelAnimation,
+    _props$lang = props.lang,
+    lang = _props$lang === void 0 ? 'zh-cn' : _props$lang,
+    langPkg = props.langPkg,
+    mapPort = props.mapPort;
+
+  // 地图默认层级
+  var MAP_MAX_ZOOM = configOption.defaultZoom || configOptionDefault.defaultZoom;
+
+  //#region 兼容旧版本相关
+  if (configOption.isIp) {
+    // 如果传了isServerIp优先取isServerIp，再取旧版本的isIp
+    configOption.isServerIp = configOption.isServerIp || configOption.isIp;
+  }
+
+  // 是否为端口合一环境；如果传了mapPort，说明是端口合一的环境
+  configOption.isPortOnes = !!mapPort;
+  configOption.swPort = (_configOption$swPort = configOption.swPort) !== null && _configOption$swPort !== void 0 ? _configOption$swPort : '';
+
+  //#endregion
+  // 地图挂载的domId
+  var MAP_2D_DOM_ID = "".concat(inId, "map-dom-2d");
+  var MAP_3D_DOM_ID = "".concat(inId, "map-dom-3d");
+  var MAP_STREAM_DOM_ID = "".concat(inId, "map-dom-stream");
+  var MAP_CESIUM_DOM_ID = "".concat(inId, "map-dom-cesium");
+  // 场景控制器实例
+  var mapControl = MapControl.GetInstance(inId);
+  var realMapControlRef = useRef();
+  var drawPointInstance = useRef(PointDraw.GetInstance(inId)).current;
+  var dataBusInstance = useRef(DataBus.GetInstance(inId)).current;
+  var eventBusInstance = useRef(EventBus.GetInstance(inId)).current;
+  var onLocateByCameraCall = useRef();
+  var toolMenuRef = useRef(null);
+  useEffect(function () {
+    drawPointInstance.updateBaseData('localPointFunc', pointDrawLocalFunc);
+  }, [canRenderMap]);
+
+  // 脚本文件加载
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loadScript = _useState2[0],
+    setLoadScript = _useState2[1];
+  // 加载中
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  // 2d地图对象
+  var map2DRef = useRef(null);
+  //three地图对象
+  var map3DRef = useRef(null);
+  //cesium地图对象
+  var mapCesiumRef = useRef(null);
+  // 当前的地图操作对象
+  var mapCurrentRef = useRef(null);
+  // 地图是否为2d
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    mapIs2D = _useState6[0],
+    setMapIs2D = _useState6[1];
+  // 被拉的建筑物
+  var isPullBuild = useRef({});
+  //初始的gis图源
+  var initMapOrigin = useRef(null);
+  // 地图不显示提示文字，若正常显示则为空
+  var _useState7 = useState(textLocale.noMap || '暂无地图'),
+    _useState8 = _slicedToArray(_useState7, 2),
+    tipMessage = _useState8[0],
+    setTipMessage = _useState8[1];
+  // 隐藏模型id数组
+  var hideMapLayerByUNW = useRef([]);
+  // 聚合面板的点位列表
+  var _useState9 = useState([]),
+    _useState0 = _slicedToArray(_useState9, 2),
+    curClickCluster = _useState0[0],
+    setCurClickCluster = _useState0[1];
+  // 地图聚合弹窗图层
+  var clusterLayer = useRef({
+    layerId: '',
+    domId: 'cluster-panel-dom',
+    popDrawId: ''
+  });
+  // 聚合分页 maxLimit最多不分页的总数
+  var clusterPageConfig = {
+    size: 50,
+    maxLimit: 200
+  };
+  // 聚合当前页码
+  var _useState1 = useState(1),
+    _useState10 = _slicedToArray(_useState1, 2),
+    clusterCuPage = _useState10[0],
+    setClusterCuPage = _useState10[1];
+  //监听挂载
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    flag = _useState12[0],
+    setFlag = _useState12[1];
+  // 点位强制刷新控制--使用于map的gis加载点位模式
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    isRefresh = _useState14[0],
+    setIsRefresh = _useState14[1];
+  // 点位单击事件 双击事件
+  var pointClickRef = useRef({
+    clickEvent: null,
+    dbcEvent: null
+  });
+  // 地图基础信息
+  var mapBaseDataRef = useRef({
+    type: MAP_TYPE.plane,
+    area: '0',
+    floor: '',
+    sceneDrawOver: false,
+    // mapMode mapId-addMap的返回数据
+    mapMode: '',
+    mapType: '',
+    sceneId: '',
+    mapId: '',
+    viewInfo: null
+  });
+
+  // 组件实例
+  // 地图选中实例
+  var mapSelectRef = useRef();
+  // 场景建筑列表实例
+  var buildFloorRef = useRef();
+  // 轨迹实例
+  var trackRef = useRef();
+  var _useState15 = useState(alwaysShowPointLabel),
+    _useState16 = _slicedToArray(_useState15, 2),
+    PointLabelStatus = _useState16[0],
+    setPointLabelStatus = _useState16[1]; //点位提示模式
+
+  var defaultView = useRef(); //默认视角
+
+  //#region 模型相关
+  //模型图层
+  var modelLayerRef = useRef('');
+  //模型id
+  var modelIdRef = useRef();
+  //#endregion
+
+  //#region 地图引擎能力提升重大项目新增
+  //存储模型url
+  var modelUrl = useRef(null);
+  var mapEngineRef = useRef('2D');
+  //#endregion
+
+  //#region 业务自己使用的图层
+  /**
+   * @method 创建图层
+  */
+  var _createClusterPop = function _createClusterPop() {
+    if (!mapCurrentRef.current) {
+      return;
+    }
+
+    // 1. 创建图层
+    var result1 = mapCurrentRef.current.createBaseLayer();
+    if (result1.ErrCode !== 0) {
+      return;
+    }
+    clusterLayer.current.layerId = result1.Id;
+    var mapType = mapBaseDataRef.current.mapType;
+    var isCesium = mapEngineRef.current === 'cesium';
+
+    // 1.编辑弹窗
+    var div2 = document.createElement('div');
+    div2.id = clusterLayer.current.domId;
+    div2.style.opacity = 0;
+    var result2 = mapCurrentRef.current.createDomPoint(clusterLayer.current.layerId, {
+      dom: div2,
+      position: {
+        lng: 1,
+        lat: 2,
+        height: 0
+      },
+      hideType: 'hide',
+      align: 'left',
+      top: 0,
+      zIndex: 2
+    });
+    if (result2.ErrCode === 0) {
+      clusterLayer.current.popDrawId = result2.PointId;
+      var timer2 = setTimeout(function () {
+        mapCurrentRef.current.setDomPointVisiable(clusterLayer.current.layerId, clusterLayer.current.popDrawId, false);
+        clearTimeout(timer2);
+      }, 200);
+      if (mapType === MAP_TYPE.stream) return;
+      div2.style.zIndex = 2;
+      if (isCesium) {
+        div2.parentNode.parentNode.style.zIndex = 2;
+      } else {
+        div2.parentNode.style.zIndex = 2;
+      }
+    }
+  };
+
+  /**
+   * @method 销毁创建聚合弹窗
+   */
+  var _deleteClusterPop = function _deleteClusterPop() {
+    var mapObj = mapCurrentRef.current;
+    if (!mapObj) {
+      return;
+    }
+    if (clusterLayer.current.layerId) {
+      mapObj.delBaseLayerById(clusterLayer.current.layerId);
+      clusterLayer.current.layerId = '';
+    }
+  };
+
+  /**
+   * @method 更新聚合弹窗
+   * @param {String}
+   */
+  var _updateClusterPop = function _updateClusterPop(show, point) {
+    var mapObj = mapCurrentRef.current;
+    // 处于多层不出现
+    if (!mapObj) {
+      return;
+    }
+    var dom = document.getElementById(clusterLayer.current.domId);
+    if (!dom) return;
+    if (!show) {
+      mapObj.setDomPointVisiable(clusterLayer.current.layerId, clusterLayer.current.popDrawId, show);
+      // 同时置元素可见度为0，防止弹窗消失按钮再消失情况
+      dom.style.opacity = 0;
+      return;
+    }
+    if (!point || !point.coordinateX) return;
+    var coordinateX = point.coordinateX,
+      coordinateY = point.coordinateY,
+      _point$coordinateZ = point.coordinateZ,
+      coordinateZ = _point$coordinateZ === void 0 ? 0 : _point$coordinateZ;
+    dom.style.opacity = 1;
+    // 先切换位置
+    mapObj.updateDomPoint(clusterLayer.current.layerId, clusterLayer.current.popDrawId, {
+      position: {
+        lng: coordinateX,
+        lat: coordinateY,
+        height: coordinateZ
+      }
+    });
+    // 显示
+    mapObj.setDomPointVisiable(clusterLayer.current.layerId, clusterLayer.current.popDrawId, show);
+  };
+  //#endregion
+
+  //#region 聚合
+  /**
+   * @method 聚合面板出现
+   */
+  var _showClusterPanel = function _showClusterPanel(status, position) {
+    var points = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    // 如果是显示，需要定位
+    if (status && points.length) {
+      // 赋值聚合点位列表
+      setCurClickCluster(points);
+    } else {
+      setClusterCuPage(1);
+    }
+    // 显隐聚合面板
+    _updateClusterPop(status, points ? points[0] : '');
+  };
+
+  /**
+   * @method 聚合翻页
+   * @param {String}
+   */
+  var _pageCluster = function _pageCluster(page) {
+    setClusterCuPage(page);
+  };
+  //#endregion
+
+  //#region 场景交互事件
+  /**
+   * @method 仅显示当前楼层
+   */
+  var setPointVisByUNW = function setPointVisByUNW(id) {
+    if (!id) {
+      return;
+    }
+    var hideIds = realMapControlRef.current.getAllModelListId(id);
+    hideIds.push('', null, undefined);
+    var index = hideIds.findIndex(function (v) {
+      return v === id;
+    });
+    if (index > -1) {
+      hideIds.splice(index, 1);
+    }
+    // 隐藏点位
+    drawPointInstance.updatePointVisByModelId(hideIds);
+    hideMapLayerByUNW.current = hideIds;
+  };
+
+  /**
+   * 跳回到默认视角
+   */
+  var jumpUNWDefaultView = function jumpUNWDefaultView() {
+    if (!mapCurrentRef.current) return;
+    // 设置设备回到默认位置
+    drawPointInstance.setPointByjumpUnw();
+    // 更新当前隐藏的模型
+    hideMapLayerByUNW.current = [];
+    isPullBuild.current = null;
+    drawPointInstance.updateBaseData('hideMapModelIdArr', []);
+    pullModelEvent(false);
+  };
+
+  /**
+   * @method 触发拉开建筑
+   * @param {Boolean} status 是否拉开
+   * @param {String |Number} buildId 建筑物id
+   */
+  var _modelPullEventFunc = function _modelPullEventFunc(status, buildId) {
+    if (status && buildId !== undefined) {
+      var realMapControl = realMapControlRef.current;
+      if (!realMapControl) {
+        return;
+      }
+      var modelList = realMapControl.getAllBuildlList && realMapControl.getAllBuildlList() && realMapControl.getAllBuildlList()[buildId] ? realMapControl.getAllBuildlList()[buildId].modelList : [];
+      var modelFloor = {};
+      var hideIds = [].concat(_toConsumableArray(realMapControl.getAllModelListId()), ['', null, undefined]);
+      for (var i = 0; i < modelList.length; i++) {
+        var element = modelList[i];
+        modelFloor[element.id] = {
+          floor: element.extraInformationObj && element.extraInformationObj.floor || element.floor
+        };
+        // 将显示的建筑物从隐藏的剥离
+        if (hideIds.indexOf(element.id) !== -1) {
+          hideIds.splice(hideIds.indexOf(element.id), 1);
+        }
+      }
+      // 点位更新
+      drawPointInstance.updateHeight(true, modelFloor, hideIds);
+      isPullBuild.current = modelFloor;
+      hideMapLayerByUNW.current = hideIds;
+    } else {
+      //将拉开的点位恢复
+      if (isPullBuild.current) {
+        // 更新被拉开的点位高度
+        drawPointInstance.updateHeight(false, isPullBuild.current);
+        isPullBuild.current = null;
+      }
+    }
+    pullModelEvent(status, buildId, isPullBuild.current);
+  };
+  var pullAllModelToDrawEvent = function pullAllModelToDrawEvent(modelH) {
+    var pullAllModelToDrawEvent = props.pullAllModelToDrawEvent;
+    pullAllModelToDrawEvent && pullAllModelToDrawEvent(modelH);
+    // 需要清空全部的信息
+    isPullBuild.current = null;
+    hideMapLayerByUNW.current = [];
+    drawPointInstance.updateBaseData('hideMapModelIdArr', []);
+    drawPointInstance.showPullDrawPoint(modelH);
+    // pullModelEvent(false);
+  };
+
+  //#endregion
+
+  //#region 地图绘制
+  /**
+   * @method 创建地图引擎
+   * @param {Boolean} 是否是2d
+   */
+  var _createMapObj = function _createMapObj(mapType, _callback) {
+    return new Promise(/*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(resolve, reject) {
+        var mapServerIp, token, swPort, _configOption$centerP, centerPostion, _configOption$zoom, zoom, helper, protocol, kochyutenInfo, mapUrl, proxyPort, zoomDelta, params, mapObjData, _mapCurrentRef$curren, _mapType;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
+            case 0:
+              if (!(mapType === MAP_TYPE.stream)) {
+                _context.n = 1;
+                break;
+              }
+              _callback();
+              return _context.a(2, resolve());
+            case 1:
+              if (!(map2DRef.current && mapEngineRef.current === '2D')) {
+                _context.n = 2;
+                break;
+              }
+              mapCurrentRef.current = map2DRef.current;
+              _callback();
+              return _context.a(2, resolve());
+            case 2:
+              if (!(map3DRef.current && mapEngineRef.current === '3D')) {
+                _context.n = 3;
+                break;
+              }
+              mapCurrentRef.current = map3DRef.current;
+              _callback();
+              return _context.a(2, resolve());
+            case 3:
+              if (!(mapCesiumRef.current && mapEngineRef.current === 'cesium')) {
+                _context.n = 4;
+                break;
+              }
+              mapCurrentRef.current = mapCesiumRef.current;
+              _callback();
+              return _context.a(2, resolve());
+            case 4:
+              mapServerIp = configOption.mapServerIp, token = configOption.token, swPort = configOption.swPort, _configOption$centerP = configOption.centerPostion, centerPostion = _configOption$centerP === void 0 ? configOption.centerPostion || configOptionDefault.centerPostion : _configOption$centerP, _configOption$zoom = configOption.zoom, zoom = _configOption$zoom === void 0 ? MAP_MAX_ZOOM : _configOption$zoom, helper = configOption.helper;
+              protocol = window.location.protocol; // 3d情况下MapSelect要查询---应该是2d的情况下要查询
+              kochyutenInfo = {
+                center: _objectSpread({}, centerPostion),
+                zoom: zoom,
+                mapType: MAP_LOAD_TYPE.gaoDe,
+                mode: mapEngineRef.current === '2D' ? MAP_MODE.two : MAP_MODE.three
+              };
+              mapUrl = mapServerIp ? "".concat(protocol, "//").concat(mapServerIp).concat(swPort ? ':' + swPort : '') : ''; //mapPort 为端口聚合，业务侧传入mapPort 直接使用mapPort，未传入用原本的
+              proxyPort = mapPort && Array.isArray(mapPort) ? mapPort : [Number(getPort(isHttps() ? '4705' : '4707')), Number(getPort('4703')), Number(getPort('4704'))]; // 有地图服务器再去地图服务器信息查询
+              if (!mapServerIp) {
+                _context.n = 5;
+                break;
+              }
+              _context.n = 5;
+              return queryMapInfo().then(function (res) {
+                var _res$data = res.data,
+                  MapSelect = _res$data.MapSelect,
+                  ViewLat = _res$data.ViewLat,
+                  ViewLng = _res$data.ViewLng,
+                  ViewZoom = _res$data.ViewZoom;
+                if (MapSelect) {
+                  kochyutenInfo.mapType = MapSelect;
+                }
+                //2d情况下设置为默认图源中心和层级
+                if (mapEngineRef.current === '2D') {
+                  if (ViewLat && ViewLng) {
+                    kochyutenInfo.center = {
+                      lng: ViewLng,
+                      lat: ViewLat
+                    };
+                  }
+                  if (ViewZoom) {
+                    // kochyutenInfo.zoom = Math.min(18, ViewZoom);
+                    kochyutenInfo.zoom = ViewZoom;
+                  }
+                }
+                initMapOrigin.current = kochyutenInfo;
+              }).catch(function () {});
+            case 5:
+              if (!(mapEngineRef.current === '3D')) {
+                _context.n = 6;
+                break;
+              }
+              window.kochyutenPro({
+                element: document.getElementById(MAP_3D_DOM_ID),
+                mapUrl: mapUrl,
+                mapData: {
+                  helper: helper
+                },
+                token: token,
+                lang: lang,
+                langPkg: langPkg,
+                callback: function callback(mapObj) {
+                  map3DRef.current = mapObj;
+                  mapCurrentRef.current = mapObj;
+                  _callback();
+                  return resolve();
+                }
+              });
+              return _context.a(2);
+            case 6:
+              zoomDelta = mapInfo && mapInfo.zoomDelta ? mapInfo.zoomDelta : 1; // 如果是2d的情况下，
+              // 如果是独立模式，外部传入
+              if (independentMode) {
+                _context.n = 7;
+                break;
+              }
+              _context.n = 7;
+              return queryISConfig('map_zoom_step').then(function (res) {
+                if (res && res.data && res.data.length > 0) {
+                  var item = res.data[0];
+                  var tempData;
+                  if (item.value) {
+                    tempData = item.value;
+                  } else if (item.default) {
+                    tempData = item.default;
+                  }
+                  if (tempData) {
+                    zoomDelta = Number(tempData);
+                  }
+                }
+              }).catch(function () {});
+            case 7:
+              params = {
+                element: document.getElementById(mapEngineRef.current === '2D' ? MAP_2D_DOM_ID : MAP_CESIUM_DOM_ID),
+                mapUrl: mapUrl,
+                mapType: kochyutenInfo.mapType,
+                mode: dimension ? dimension : kochyutenInfo.mode,
+                token: token,
+                isloading: false,
+                center: kochyutenInfo.center,
+                zoom: kochyutenInfo.zoom,
+                zoomDelta: zoomDelta,
+                //适配跨nat和https
+                proxyPort: proxyPort,
+                lang: lang,
+                //传入地图语言系统
+                langPkg: langPkg
+              };
+              if (window.imosSdk) {
+                _context.n = 8;
+                break;
+              }
+              LogError('createMap 对象不存在, 确认是否成功引入kochyuten.min.js');
+              return _context.a(2);
+            case 8:
+              mapObjData = window.imosSdk.createMap(_objectSpread(_objectSpread({}, params), {}, {
+                callback: function callback(obj) {
+                  mapObjData = obj;
+                  // 画地图
+                  _callback();
+                }
+              })).MapObj;
+              if (mapEngineRef.current === 'cesium') {
+                mapCesiumRef.current = mapObjData;
+              } else {
+                map2DRef.current = mapObjData;
+              }
+              mapCurrentRef.current = mapObjData;
+              if (!!mapCurrentRef.current) {
+                _mapType = (_mapCurrentRef$curren = mapCurrentRef.current) === null || _mapCurrentRef$curren === void 0 ? void 0 : _mapCurrentRef$curren.mapType;
+                toolComponents.overviewSecu && mapCurrentRef.current.addOverview && mapCurrentRef.current.addOverview(_mapType);
+                toolComponents.zoomSlideSecu && mapCurrentRef.current.addZoomSlider && mapCurrentRef.current.addZoomSlider();
+              }
+              return _context.a(2, resolve());
+          }
+        }, _callee);
+      }));
+      return function (_x, _x2) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+  };
+
+  /**
+   * @method 删除场景
+   */
+  var _deleteScene = function _deleteScene() {
+    var sceneId = mapBaseDataRef.current.sceneId;
+    if (!sceneId || !mapCurrentRef.current) return;
+    if (buildFloorRef.current) {
+      buildFloorRef.current.clickBuild('');
+      buildFloorRef.current.dbcBuild(null);
+      buildFloorRef.current.clickFloor(null);
+    }
+  };
+
+  /**
+   * @method 删除原来的地图,原来地图的点位dom，显示占位图
+   */
+  var deleteHandelGroup = function deleteHandelGroup() {
+    var _mapBaseDataRef$curre = mapBaseDataRef.current,
+      mode = _mapBaseDataRef$curre.mapMode,
+      mapId = _mapBaseDataRef$curre.mapId;
+    // mode 存在则有地图显示
+    if (!mode) {
+      return;
+    }
+    var mapCurrent = mapCurrentRef.current;
+    // 清除一系列数据
+    // 清除点位
+    drawPointInstance.clearData();
+    // 清除轨迹
+    if (trackRef.current) {
+      trackRef.current.clearTrackByMap();
+      trackRef.current.updateMapData({});
+    }
+    if (!mapCurrent) return;
+    //清除平面地图
+    if (mapId) {
+      mapCurrent.delOneMap(mapId);
+    }
+    //清除gis地图
+    setGlobeStyle(mapCurrent);
+    //清除场景
+    _deleteScene();
+    var realMapControlCur = realMapControlRef.current;
+    // 清除场景类中的数据
+    if (realMapControlCur && realMapControlCur.clearMapObj) {
+      realMapControlCur.clearMapObj();
+    }
+    // 删除聚合弹窗
+    _deleteClusterPop();
+
+    //清除模型地图
+    _deleteModel();
+  };
+  var pointDrawLocalFunc = function pointDrawLocalFunc(point) {
+    _setLocation(point);
+  };
+
+  /**
+   * @method 绘制平面地图
+   * @param {Object} floorInfo 地图楼层信息
+   */
+  var _drawImgMap = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(floorInfo) {
+      var independentMode, independentData, mapCode, mapCurrent, imgInfo, _getMapEnv, isPortOnes, isServerIp, swPort, res, data, _data$, _mapInfo, url, mapInfoArr, token, imgUrl, imgCenter, angleInfo, zoomTemp, addResult, mapBaseDataCopy, _t;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.p = _context2.n) {
+          case 0:
+            independentMode = floorInfo.independentMode, independentData = floorInfo.independentData, mapCode = floorInfo.mapCode;
+            mapCurrent = mapCurrentRef.current;
+            if (!(!independentMode && !mapCode)) {
+              _context2.n = 1;
+              break;
+            }
+            LogError('请传入is对应图片code');
+            return _context2.a(2);
+          case 1:
+            if (independentMode) {
+              _context2.n = 7;
+              break;
+            }
+            _context2.p = 2;
+            _getMapEnv = getMapEnv(), isPortOnes = _getMapEnv.isPortOnes, isServerIp = _getMapEnv.isServerIp, swPort = _getMapEnv.swPort;
+            _context2.n = 3;
+            return getMapFile(floorInfo.mapCode);
+          case 3:
+            res = _context2.v;
+            data = res.data;
+            if (!(!Array.isArray(data) || data.length < 0)) {
+              _context2.n = 4;
+              break;
+            }
+            return _context2.a(2);
+          case 4:
+            _data$ = data[0], _mapInfo = _data$.mapInfo, url = _data$.url;
+            mapInfoArr = _mapInfo.split(',');
+            token = configOption.token; //平面地图适配https
+            imgUrl = url; // 以http开头，是portal环境
+            if (imgUrl && imgUrl.startsWith('http:') && isHttps()) {
+              imgUrl = imgUrl.replace('http', 'https');
+              // 否则是 ums 相关环境
+            } else {
+              imgUrl = "".concat(window.location.protocol, "//").concat(isServerIp).concat(swPort ? ':' + swPort : '', "/isServer").concat(imgUrl);
+            }
+            if (!imgUrl.includes('?')) {
+              imgUrl = "".concat(imgUrl, "?authorization=").concat(token);
+            }
+            imgInfo = {
+              width: mapInfoArr[0],
+              height: mapInfoArr[1],
+              image: "".concat(imgUrl)
+            };
+            _context2.n = 6;
+            break;
+          case 5:
+            _context2.p = 5;
+            _t = _context2.v;
+            LogError(_t);
+            return _context2.a(2);
+          case 6:
+            _context2.n = 8;
+            break;
+          case 7:
+            imgInfo = _objectSpread(_objectSpread({}, independentData), {}, {
+              image: independentData.url || ''
+            });
+          case 8:
+            imgCenter = configOption.centerPostion || configOptionDefault.centerPostion;
+            angleInfo = null;
+            if (floorInfo.angleInfo) {
+              angleInfo = JSON.parse(floorInfo.angleInfo);
+              //设置层级（最大18）
+              zoomTemp = /^\d+$/.test(angleInfo.zoom) ? angleInfo.zoom : MAP_MAX_ZOOM; //存储地图角度及层级
+              viewCenter[1] = {
+                center: angleInfo.center,
+                zoom: zoomTemp
+              };
+            } else {
+              viewCenter[1] = {
+                center: imgCenter,
+                zoom: MAP_MAX_ZOOM
+              };
+            }
+            // 添加地图,修改平面地图中心固定120,30
+            addResult = mapCurrent.addOneMap({
+              attr: {
+                position: {
+                  lng: 120,
+                  lat: 30
+                }
+              },
+              style: {
+                // 设置屏幕尺寸
+                dimensions: {
+                  width: imgInfo.width,
+                  height: imgInfo.height
+                },
+                material: {
+                  type: 'image',
+                  value: {
+                    image: imgInfo.image,
+                    color: 'white'
+                  }
+                }
+              }
+            });
+            if (!(addResult.ErrCode !== MAPSDK_RIGHT_CODE)) {
+              _context2.n = 9;
+              break;
+            }
+            LogError('addResult.ErrMsg');
+            return _context2.a(2);
+          case 9:
+            mapCurrent.setCenter(viewCenter[1].center);
+            mapCurrent.setZoom(viewCenter[1].zoom);
+            mapBaseDataCopy = mapBaseDataRef.current;
+            mapBaseDataRef.current = _objectSpread(_objectSpread({}, mapBaseDataCopy), {}, {
+              mapId: addResult.MapId,
+              viewInfo: angleInfo
+            });
+            //4.设置地图基础控件
+            setMapBaseWidget(mapCurrent, {
+              mapRes: false,
+              copyright: false
+            });
+          case 10:
+            return _context2.a(2);
+        }
+      }, _callee2, null, [[2, 5]]);
+    }));
+    return function _drawImgMap(_x3) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  /**
+   * @method 内置相机点击事件
+   * @param {String}
+   */
+  var devModelClickEvent = function devModelClickEvent(modelInfo, camInfo, isDbc) {
+    if (props.devModelClickEvent) {
+      props.devModelClickEvent(modelInfo, camInfo, isDbc);
+    }
+    // 未绑定过相机，先进行相机绑定
+    if (camInfo) {
+      var _modelInfo$subPos = modelInfo.subPos,
+        lng = _modelInfo$subPos.lng,
+        lat = _modelInfo$subPos.lat,
+        height = _modelInfo$subPos.height;
+      var pointInfo = _objectSpread(_objectSpread({}, camInfo), {}, {
+        innerModel: true,
+        // 是内置模型
+        coordinateX: lng,
+        coordinateY: lat,
+        coordinateZ: height
+      });
+      setTimeout(function () {
+        var _pointClickRef$curren = pointClickRef.current,
+          clickEvent = _pointClickRef$curren.clickEvent,
+          dbcEvent = _pointClickRef$curren.dbcEvent;
+        if (isDbc) {
+          dbcEvent && dbcEvent(modelInfo, pointInfo);
+        } else {
+          clickEvent && clickEvent(modelInfo, pointInfo);
+        }
+      }, 0);
+    }
+  };
+  var pointAddAndDelEvent = function pointAddAndDelEvent(add, points) {
+    if (props.pointAddAndDelEvent) {
+      props.pointAddAndDelEvent(add, points);
+    }
+    if (needInnerPointDraw) {
+      if (add) {
+        drawPointInstance.drawAddPointsOnMap({
+          pointList: points
+        }, _this.isPullBuild, unwFloorSelectId);
+      } else {
+        drawPointInstance.delPoint(points.map(function (v) {
+          return v.deviceCode;
+        }));
+      }
+    }
+  };
+
+  /**
+   * @method 绘制场景地图 | 流引擎地图
+   * @param {Object} floorInfo 楼层信息
+   */
+  var _drawSceneMap = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(floorInfo, type) {
+      var mapBaseDataCopy, msBid, mapOrigin, angleInfo, realMapControlCur, clickBuild, dbcBuild, clickFloor, buildClickEvent, buildDbClickEvent, modelClickEvent, jumpSingleModelEvent, jumpUNWView, modelClick, modelClickEventInfo, modelPullEvent, modelAnimationCallInner, events, mapCurrent;
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
+          case 0:
+            mapBaseDataCopy = _objectSpread({}, mapBaseDataRef.current);
+            msBid = floorInfo.msBid, mapOrigin = floorInfo.mapOrigin, angleInfo = floorInfo.angleInfo;
+            mapBaseDataCopy.sceneDrawOver = false;
+            mapControl.changeMapControl(type);
+            realMapControlRef.current = mapControl.getMapControl();
+            realMapControlCur = realMapControlRef.current; //#region 事件绑定
+            clickBuild = props.clickBuild, dbcBuild = props.dbcBuild, clickFloor = props.clickFloor; //建筑物单击事件
+            buildClickEvent = function buildClickEvent(buildId) {
+              if (typeof clickBuild === 'function') {
+                clickBuild(buildId);
+              }
+              buildFloorRef.current && buildFloorRef.current.clickBuild && buildFloorRef.current.clickBuild(buildId);
+            }; // 建筑物双击事件
+            buildDbClickEvent = function buildDbClickEvent(modelId, relativeId) {
+              if (typeof dbcBuild === 'function') {
+                dbcBuild(modelId, relativeId);
+              }
+              // 如果非独立模式，则大跳小
+              if (needJumpScene && relativeId && !independentMode) {
+                mapSelectRef.current && mapSelectRef.current.changeSelectMapByDbClick(relativeId);
+              } else {
+                buildFloorRef.current && buildFloorRef.current.dbcBuild && buildFloorRef.current.dbcBuild(modelId);
+              }
+            }; //单楼层单击事件
+            modelClickEvent = function modelClickEvent() {
+              var modelData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+              if (typeof clickFloor === 'function') {
+                clickFloor(modelData);
+              }
+              buildFloorRef.current && buildFloorRef.current.clickFloor && buildFloorRef.current.clickFloor(modelData);
+            }; //进入单模型显示 已经拉开过的建筑，双击某一层，只当前楼层显示
+            jumpSingleModelEvent = function jumpSingleModelEvent(id) {
+              var jumpSingleModelEvent = props.jumpSingleModelEvent;
+              jumpSingleModelEvent && jumpSingleModelEvent(id);
+              setPointVisByUNW(id);
+            }; // 跳回默认视角
+            jumpUNWView = function jumpUNWView() {
+              var jumpUNWView = props.jumpUNWView;
+              jumpUNWView && jumpUNWView();
+              jumpUNWDefaultView();
+            }; //建筑物点击事件（无状态区分，仅获取点击的信息）,公共组件需要的，追影项目无用，暂留
+            modelClick = props.modelClick;
+            modelClickEventInfo = function modelClickEventInfo(model, status, data) {
+              modelClick && modelClick(model, status, data);
+            }; // 建筑物拉伸/收起
+            modelPullEvent = function modelPullEvent(status, buildId) {
+              _modelPullEventFunc(status, buildId);
+            }; //建筑物动画结束回调
+            modelAnimationCallInner = modelAnimationCall;
+            events = {
+              buildClickEvent: buildClickEvent,
+              //clickBuild
+              buildDbClickEvent: buildDbClickEvent,
+              //dbcBuild
+              modelClickEvent: modelClickEvent,
+              //clickFloor
+              jumpUNWView: jumpUNWView,
+              //jumpUNWView
+              jumpSingleModelEvent: jumpSingleModelEvent,
+              //jumpSingleModelEvent
+              modelClickEventInfo: modelClickEventInfo,
+              //modelClick
+              modelPullEvent: modelPullEvent,
+              //pullModelEvent
+              pullAllModelToDrawEvent: pullAllModelToDrawEvent,
+              //pullAllModelToDrawEvent
+              modelAnimationCall: modelAnimationCallInner
+            }; //#endregion
+            // 1.添加场景
+            if (!(MAP_TYPE.scene === type)) {
+              _context3.n = 3;
+              break;
+            }
+            if (msBid) {
+              _context3.n = 1;
+              break;
+            }
+            mapBaseDataRef.current = _objectSpread({}, mapBaseDataCopy);
+            setTipMessage(textLocale.noMap || '暂无地图');
+            return _context3.a(2);
+          case 1:
+            realMapControlCur.setMapObj(mapCurrentRef.current);
+            mapCurrentRef.current.switchFigureSource(initMapOrigin.current.mapType);
+            _context3.n = 2;
+            return realMapControlCur.addMap(msBid, events, '', '', configOption.speSource, textLocale, function (percent) {
+              setMapLoadingPercentState(percent);
+            }).then(function () {
+              setLoading(false);
+            });
+          case 2:
+            _context3.n = 4;
+            break;
+          case 3:
+            _context3.n = 4;
+            return realMapControlCur.initMap({
+              element: document.getElementById(MAP_STREAM_DOM_ID),
+              token: configOption.token,
+              isServerIp: configOption.isServerIp,
+              events: _objectSpread(_objectSpread({}, events), {}, {
+                devModelClickEvent: devModelClickEvent,
+                pointAddAndDelEvent: pointAddAndDelEvent
+              }),
+              mapData: typeof mapOrigin === 'string' ? JSON.parse(mapOrigin) : mapOrigin,
+              textLocale: textLocale,
+              lang: lang,
+              langPkg: langPkg
+            }).then(function (mapObj) {
+              mapCurrentRef.current = mapObj;
+              // 执行默认定位
+              if (angleInfo) {
+                var angleInfoObj = JSON.parse(angleInfo);
+                defaultView.current = angleInfoObj;
+                angleInfoObj && mapObj.setViewByViewInfo(angleInfoObj, {
+                  duration: 1
+                });
+              }
+              setLoading(false);
+            });
+          case 4:
+            mapCurrent = mapCurrentRef.current;
+            if (mapCurrent) {
+              _context3.n = 5;
+              break;
+            }
+            return _context3.a(2);
+          case 5:
+            //3.设置地图基础控件
+            setMapBaseWidget(mapCurrent);
+            // 更新楼层列表控制对象
+            if (buildFloorRef.current) {
+              buildFloorRef.current.updateBaseData({
+                inId: inId,
+                type: type
+              });
+            }
+            mapBaseDataRef.current = _objectSpread({}, mapBaseDataCopy);
+          case 6:
+            return _context3.a(2);
+        }
+      }, _callee3);
+    }));
+    return function _drawSceneMap(_x4, _x5) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  /**
+   * 展示GIS图源
+   * @param {Object} info 图源信息
+   * @param {Boolean} remove 是否将原先添加的图源图层删除
+   */
+  // 将对应参数函数字符串转化为函数，跟地图参数保持一致(目前就两参数需要函数类型)
+  var _showGisMap = function _showGisMap(info) {
+    var remove = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    var mapCurrent = mapCurrentRef.current;
+    setMapBaseWidget(mapCurrent, {
+      mapRes: false,
+      copyright: false
+    });
+    if (info.customTags) {
+      var _info$customTags = info.customTags,
+        X = _info$customTags.X,
+        Y = _info$customTags.Y,
+        Z = _info$customTags.Z;
+      X && (info.customTags.X = eval('(false || ' + X + ')'));
+      Y && (info.customTags.Y = eval('(false || ' + Y + ')'));
+      Z && (info.customTags.Z = eval('(false || ' + Z + ')'));
+    }
+    if (info.newProj) {
+      var _info$newProj = info.newProj,
+        llToNewProjFunc = _info$newProj.llToNewProjFunc,
+        newProjToLLFunc = _info$newProj.newProjToLLFunc;
+      llToNewProjFunc && (info.newProj.llToNewProjFunc = eval('(false || ' + llToNewProjFunc + ')'));
+      newProjToLLFunc && (info.newProj.newProjToLLFunc = eval('(false || ' + newProjToLLFunc + ')'));
+    }
+    // 创建地图图源服务
+    var source = mapCurrent.createMapSource(info);
+    if (source.ErrCode === 0) {
+      // 成功后添加地图图源
+      mapCurrent.addMapSourceLayer(source.Id, remove);
+    } else {
+      LogError(source.ErrMsg);
+    }
+  };
+
+  /**
+   * @method 添加图源
+   * @param {Object} info 地图数据
+   * @param {String} addType gis类型
+   */
+  var _addMapSource = function _addMapSource(info, addType) {
+    var mapCurrent = mapCurrentRef.current;
+    if (!mapCurrent) return;
+    initMapOrigin.current && mapCurrent.switchFigureSource(initMapOrigin.current.mapType);
+    if (addType === MAP_TYPE.gis) {
+      // gis默认图源，直接切换到对应类型图源
+      return;
+    }
+    // 多图源
+    if (Array.isArray(info)) {
+      info.forEach(function (item, index) {
+        // 如果是地图服务器上传的第三方直接切图源即可
+        if (item.MapID) {
+          mapCurrent.addMapSourceLayer(item.MapID, index === 0 ? true : false);
+        } else {
+          _showGisMap(item, index === 0 ? true : false);
+        }
+      });
+    } else {
+      if (info.MapID) {
+        // 如果是地图服务器上传的第三方直接切图源即可
+        mapCurrent.switchFigureSource(info.MapID);
+        return;
+      }
+      _showGisMap(info);
+    }
+  };
+
+  /**
+   * @method 绘制GIS地图
+   * @param {Object} floorInfo 楼层信息
+   */
+  var _drawGisMap = function _drawGisMap(floorInfo) {
+    var mapCurrent = mapCurrentRef.current;
+    var mapInfo = {};
+    //1.加载图源
+    var mapOrigin = floorInfo.mapOrigin;
+    if (mapOrigin) {
+      //自定义gis
+      mapInfo = JSON.parse(mapOrigin);
+      //加载图源
+      _addMapSource(mapInfo, 'other');
+    } else {
+      //普通gis
+      //加载图源
+      initMapOrigin.current && _addMapSource(initMapOrigin.current, MAP_TYPE.gis);
+
+      //默认需要显示卫星切换插件
+      if (inId === 'test7' || inId === 'SecurityPreventControl_Map') {
+        setMapBaseWidget(mapCurrent, {
+          mapRes: toolComponents.mapRes,
+          mapResSecu: toolComponents.mapResSecu,
+          copyright: true
+        });
+      } else {
+        setMapBaseWidget(mapCurrent, {
+          mapRes: true,
+          copyright: true
+        });
+      }
+    }
+    //2.设置视角
+    var angleInfo = '';
+    if (floorInfo.angleInfo) {
+      angleInfo = JSON.parse(floorInfo.angleInfo);
+    }
+    if (angleInfo) {
+      //设置层级（最大18）
+      var zoomTemp = /^\d+$/.test(angleInfo.zoom) ? angleInfo.zoom : MAP_MAX_ZOOM;
+      viewCenter[3] = {
+        center: angleInfo.center,
+        zoom: zoomTemp
+      };
+    } else {
+      if (mapOrigin) {
+        var _initMapOrigin$curren, _initMapOrigin$curren2;
+        viewCenter[3] = {
+          center: configOption.centerPostion || ((_initMapOrigin$curren = initMapOrigin.current) === null || _initMapOrigin$curren === void 0 ? void 0 : _initMapOrigin$curren.center) || configOptionDefault.centerPostion,
+          zoom: mapInfo.zoom || mapInfo.maxZoom || ((_initMapOrigin$curren2 = initMapOrigin.current) === null || _initMapOrigin$curren2 === void 0 ? void 0 : _initMapOrigin$curren2.zoom) || MAP_MAX_ZOOM
+        };
+      } else {
+        var _initMapOrigin$curren3, _initMapOrigin$curren4;
+        viewCenter[3] = {
+          center: configOption.centerPostion || ((_initMapOrigin$curren3 = initMapOrigin.current) === null || _initMapOrigin$curren3 === void 0 ? void 0 : _initMapOrigin$curren3.center) || configOptionDefault.centerPostion,
+          zoom: configOption.defaultZoom || ((_initMapOrigin$curren4 = initMapOrigin.current) === null || _initMapOrigin$curren4 === void 0 ? void 0 : _initMapOrigin$curren4.zoom) || configOptionDefault.defaultZoom
+        };
+      }
+    }
+    //视角设置，非独立模式下由IS控制； 独立模式优先级：传入 > 地图服务器 > 组件内置默认值
+    mapCurrent.setZoom(viewCenter[3].zoom);
+    mapCurrent.setCenter(viewCenter[3].center);
+  };
+
+  /**
+   * @method 地图基础信息设置
+   * @param {object} mabObj 地图实例
+   * @param {string} type 地图类型
+   * @param {function} callback 回调
+   */
+  var _mapBaseSet = function _mapBaseSet(mabObj, type, callback) {
+    mabObj && mabObj.setBaseWidget && mabObj.setBaseWidget({
+      location: false,
+      zoomOp: false,
+      compass: false,
+      pitch: false,
+      dimBox: false,
+      mapRes: type === 3,
+      copyright: type === 3
+    });
+    typeof callback === 'function' && callback();
+  };
+
+  /**
+   * @method 绘制地图
+   * @param {String}
+   */
+  var _drawMap = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4(mapType, msBid, msFid, is3D, floor) {
+      var initMapOriginTemp, newParams, drawMapFun, _t2;
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
+          case 0:
+            initMapOriginTemp = null;
+            newParams = {};
+            viewCenter[1] = {}; //重置平面视角
+            //地图绘制
+            drawMapFun = null;
+            _t2 = mapType;
+            _context4.n = _t2 === MAP_TYPE.plane ? 1 : _t2 === MAP_TYPE.scene ? 2 : _t2 === MAP_TYPE.gis ? 3 : _t2 === MAP_TYPE.stream ? 4 : _t2 === MAP_TYPE.model ? 5 : 6;
+            break;
+          case 1:
+            //平面
+            newParams = {
+              mapMode: MAP_MODE.two
+            };
+            drawMapFun = _drawImgMap;
+            return _context4.a(3, 7);
+          case 2:
+            // 场景
+            // 保存场景id
+            newParams = {
+              sceneId: msBid,
+              mapMode: MAP_MODE.three
+            };
+            drawMapFun = _drawSceneMap;
+            return _context4.a(3, 7);
+          case 3:
+            //gis
+            initMapOriginTemp = initMapOrigin.current;
+            newParams = {
+              mapMode: MAP_MODE.two
+            };
+            drawMapFun = _drawGisMap;
+            return _context4.a(3, 7);
+          case 4:
+            //云渲染
+            newParams = {
+              sceneId: msBid,
+              mapMode: MAP_MODE.three
+            };
+            initMapOriginTemp = initMapOrigin.current;
+            drawMapFun = _drawSceneMap;
+            return _context4.a(3, 7);
+          case 5:
+            //模型
+            newParams = {
+              mapMode: MAP_MODE.three
+            };
+            initMapOriginTemp = initMapOrigin.current;
+            drawMapFun = _drawModalMap;
+            return _context4.a(3, 7);
+          case 6:
+            newParams = {
+              mapMode: MAP_MODE.two
+            };
+            drawMapFun = _drawGisMap;
+            return _context4.a(3, 7);
+          case 7:
+            // 楼层列表显示
+            buildFloorRef.current && buildFloorRef.current.showCom(is3D);
+            // 在drawMap中Fun中有改动，需要先存数据后调用drawMapFun赋值
+            mapBaseDataRef.current = _objectSpread(_objectSpread({}, newParams), {}, {
+              floor: floor,
+              mapType: mapType,
+              viewInfo: floor.angleInfo
+            });
+            if (MAP_TYPE.gis !== mapType) {
+              setGlobeStyle(mapCurrentRef.current);
+            }
+            _context4.n = 8;
+            return drawMapFun(floor, mapType);
+          case 8:
+            // 更新点位绘制需要的数据
+            drawPointInstance.updateMapData({
+              mapObj: mapCurrentRef.current,
+              mapType: mapType,
+              mapControl: realMapControlRef.current,
+              initMapOrigin: initMapOriginTemp,
+              alwaysShowName: PointLabelStatus,
+              clusterPanelEvent: _showClusterPanel
+            });
+
+            // 更新轨迹中的地图对象
+            trackRef.current && trackRef.current.updateMapData({
+              mapObj: mapCurrentRef.current,
+              mapType: mapType,
+              sceneId: msBid,
+              mapControl: realMapControlRef.current
+            });
+            setIsRefresh(true);
+            // 地图更新成功回调
+            typeof changeMap === 'function' && changeMap(floor, true, mapCurrentRef.current);
+          case 9:
+            return _context4.a(2);
+        }
+      }, _callee4);
+    }));
+    return function _drawMap(_x6, _x7, _x8, _x9, _x0) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  /**
+   * @method 发布事件-更新地图（地图的楼层由mapSelect查询，此处接受传递过来的参数即可）
+   * @param {Object} 当前展示的楼层对象
+   */
+  var _updateMap = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5(floor) {
+      var dom2D, dom3D, domStream, domCesium, mapType, msFid, msBid, mapEngineExtData, _mapOrigin$mapEngine, mapOrigin, mapEngine, is3D, result, duration, loadingTImer;
+      return _regenerator().w(function (_context5) {
+        while (1) switch (_context5.n) {
+          case 0:
+            setLoading(true);
+            // 清除当前展示的地图，及地图上显示的事物
+            deleteHandelGroup();
+            // 清除当前页面的一些数据
+            setCurClickCluster([]);
+            if (floor) {
+              _context5.n = 1;
+              break;
+            }
+            setTipMessage(textLocale.noMap || '暂无地图');
+            setLoading(false);
+            typeof changeMapBefore === 'function' && changeMapBefore(mapCurrentRef.current);
+            typeof changeMap === 'function' && changeMap({}, false); //地图切换失败，也回调
+            return _context5.a(2, true);
+          case 1:
+            if (!(floor.mapType === MAP_TYPE.model)) {
+              _context5.n = 2;
+              break;
+            }
+            _context5.n = 2;
+            return _getModelUrl(floor);
+          case 2:
+            setIsRefresh(false);
+            // 执行外部传入更新回调
+            typeof changeMapBefore === 'function' && changeMapBefore(mapCurrentRef.current);
+            // 地图dom先隐藏
+            dom2D = document.getElementById(MAP_2D_DOM_ID);
+            dom3D = document.getElementById(MAP_3D_DOM_ID);
+            domStream = document.getElementById(MAP_STREAM_DOM_ID);
+            domCesium = document.getElementById(MAP_CESIUM_DOM_ID);
+            dom2D.style.zIndex = -2;
+            dom3D.style.zIndex = -2;
+            domStream.style.zIndex = -2;
+            domCesium.style.zIndex = -2;
+            dom2D.style.visibility = 'hidden';
+            dom3D.style.visibility = 'hidden';
+            domStream.style.visibility = 'hidden';
+            domCesium.style.visibility = 'hidden';
+            // 更新地图
+            mapType = floor.mapType, msFid = floor.msFid, msBid = floor.msBid;
+            if (mapType) {
+              _context5.n = 3;
+              break;
+            }
+            // return
+            //即地图不存在
+            mapBaseDataRef.current = {
+              mapType: -1,
+              mapMode: ''
+            };
+            mapCurrentRef.current = null;
+            setTipMessage(textLocale.noMap || '暂无地图');
+            typeof changeMap === 'function' && changeMap(floor, false);
+            setLoading(false);
+            return _context5.a(2, true);
+          case 3:
+            // 判断使用什么类型的引擎
+            mapEngineExtData = '';
+            if (mapType === MAP_TYPE.scene && floor.mapOrigin) {
+              try {
+                mapOrigin = JSON.parse(floor.mapOrigin);
+                mapEngineExtData = (_mapOrigin$mapEngine = mapOrigin === null || mapOrigin === void 0 ? void 0 : mapOrigin.mapEngine) !== null && _mapOrigin$mapEngine !== void 0 ? _mapOrigin$mapEngine : '';
+              } catch (error) {
+                LogError('get mapEngineExtData err:', error);
+              }
+            }
+            if (mapType === MAP_TYPE.model) {
+              mapEngineExtData = modelUrl.current;
+            }
+            _context5.n = 4;
+            return getMapEngine(mapType, mapEngineExtData);
+          case 4:
+            mapEngine = mapEngineRef.current = _context5.v;
+            LogInfo('楼层信息:', floor, '使用地图引擎:', mapEngine);
+            if (mapEngine === '2D') {
+              dom2D.style.zIndex = -1;
+              dom2D.style.visibility = 'visible';
+            } else if (mapEngine === '3D') {
+              dom3D.style.zIndex = -1;
+              dom3D.style.visibility = 'visible';
+            } else if (mapEngine === 'cesium') {
+              domCesium.style.zIndex = -1;
+              domCesium.style.visibility = 'visible';
+            } else if (mapEngine === 'stream') {
+              domStream.style.zIndex = -1;
+              domStream.style.visibility = 'visible';
+            }
+            // 场景，但无地图服务器IP，不执行
+            if (!(mapType === MAP_TYPE.scene && !configOption.mapServerIp)) {
+              _context5.n = 5;
+              break;
+            }
+            typeof changeMap === 'function' && changeMap(floor, false);
+            setLoading(false);
+            return _context5.a(2, false);
+          case 5:
+            // 仅有场景情况下是2d
+            is3D = mapType === MAP_TYPE.scene || mapType === MAP_TYPE.stream;
+            setMapIs2D(!is3D);
+            // 引擎创建， 若失败，不执行直接返回
+            result = null;
+            _context5.n = 6;
+            return _createMapObj(mapType, function () {
+              //地图控件设置
+              _mapBaseSet(mapCurrentRef.current, mapType, function () {
+                // 画地图
+                _drawMap(mapType, msBid, msFid, is3D, floor); // 首次创建地图对象是在此执行创建地图，then执行时可能还拿不到
+              });
+            }).then(function () {
+              result = true;
+            }).catch(function () {
+              result = false;
+            });
+          case 6:
+            if (result) {
+              _context5.n = 7;
+              break;
+            }
+            typeof changeMap === 'function' && changeMap(floor, false);
+            setLoading(false);
+            return _context5.a(2, false);
+          case 7:
+            setTipMessage('');
+
+            // gis和平面固定200，cesium假进度条，three真实，stream无进度条
+            duration = 200;
+            if (mapType === MAP_TYPE.scene) {
+              duration = mapEngine === 'cesium' ? 5000 : null;
+            } else if (mapType === MAP_TYPE.stream) {
+              duration = null;
+            }
+            if (duration) {
+              loadingTImer = setTimeout(function () {
+                setLoading(false);
+                window.clearTimeout(loadingTImer);
+              }, duration);
+            }
+            return _context5.a(2, true);
+          case 8:
+            return _context5.a(2);
+        }
+      }, _callee5);
+    }));
+    return function _updateMap(_x1) {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+
+  /**
+   * 销毁地图
+   */
+  var destoryMap = function destoryMap() {
+    _this.deleteHandelGroup();
+  };
+  //#endregion
+
+  //#region 总线事件
+  /**
+   * @method 数据总线挂载数据 将外部传入的数据全部挂载到数据总线
+   */
+  var _initDataBus = function _initDataBus() {
+    // 点位点击事件处理
+    var useProxy = props.useProxy,
+      configOption = props.configOption;
+    var isServerIp = configOption.isServerIp;
+    var emptyFun = function emptyFun() {};
+    // 代理配置
+    dataBusInstance.updateData(DATAS_BUS_KEY.useProxy, useProxy);
+    dataBusInstance.updateData(DATAS_BUS_KEY.isServerIp, isServerIp);
+  };
+
+  /**
+   * @method 订阅事件-监听可视域改变
+   * @param {String}
+   */
+  var _watchChangeFOV = function _watchChangeFOV() {
+    eventBus.emit(EVENTS_BUS_KEY.updateFOV);
+  };
+  //#endregion
+
+  /**
+   * @method 订阅事件-监听楼层切换
+   * @param {String}
+   */
+  var _watchChangeFloor = function _watchChangeFloor(mapInfo) {
+    setLoadScript(true);
+    if (independentMode && mapInfo && Object.keys(mapInfo).length !== 0) {
+      _updateMap(mapInfo);
+      return;
+    }
+    eventBusInstance.subscribleEvent(EVENTS_BUS_KEY.updateCurFloorCode, _updateMap);
+  };
+
+  /**
+   * @method 取消订阅
+   */
+  var _cancelSub = function _cancelSub() {
+    eventBusInstance.cancelSubcrible(EVENTS_BUS_KEY.updateCurFloorCode, _updateMap);
+  };
+  //#endregion
+
+  /**
+   * @method 点位名称显示方式
+   */
+  var _watchPointNameStyle = function _watchPointNameStyle() {
+    var pointList = dataBusInstance.getData(DATAS_BUS_KEY.pointDrawList);
+    if (pointList && pointList.length) {
+      drawPointInstance.updateNameShowType(PointLabelStatus);
+    }
+  };
+  //#endregion
+
+  //#region 初始化
+  /**
+   * @method 禁用鼠标右键菜单
+   */
+  var _preventDefaultRightClick = function _preventDefaultRightClick(e) {
+    e.preventDefault();
+  };
+
+  /**
+   * @method token处理
+   */
+  var _saveToken = function _saveToken() {
+    var token = configOption.token,
+      mapServerIp = configOption.mapServerIp,
+      isServerIp = configOption.isServerIp,
+      isPortOnes = configOption.isPortOnes,
+      swPort = configOption.swPort;
+    if (!independentMode && (!token || !isServerIp)) {
+      LogError('非独立模式需要传入token, isServerIp');
+      return false;
+    }
+    // usercode用于GPS点位加载及聚挡相机点位加载
+    var UserCode = '';
+    if (pointFromMapProps && pointFromMapProps.userCode) {
+      UserCode = pointFromMapProps.userCode;
+    }
+    // 存入session中
+    var useProxy = props.useProxy;
+    var pData = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DATAS_BUS_KEY.token, token), DATAS_BUS_KEY.isServerIp, isServerIp), DATAS_BUS_KEY.mapServerIp, mapServerIp), DATAS_BUS_KEY.swPort, swPort), DATAS_BUS_KEY.userCode, UserCode), DATAS_BUS_KEY.isPortOnes, isPortOnes), DATAS_BUS_KEY.useProxy, useProxy);
+    setMapEnv(pData);
+    // 存入数据总线中
+    dataBusInstance.updateData(DATAS_BUS_KEY.token, token);
+    dataBusInstance.updateData(DATAS_BUS_KEY.mapServerIp, mapServerIp);
+    dataBusInstance.updateData(DATAS_BUS_KEY.userCode, UserCode);
+    return true;
+  };
+
+  /**
+   * @method 初始化调用
+   */
+  useEffect(function () {
+    var isToken = _saveToken();
+    if (isToken) {
+      setTimeout(function () {
+        _initDataBus();
+        setFlag(flag + 1);
+      });
+      // 禁用鼠标右键菜单
+      document.addEventListener('contextmenu', _preventDefaultRightClick);
+    }
+    return function () {
+      // 事件总线销毁
+      eventBusInstance.destory();
+      // 数据总线销毁
+      dataBusInstance.destory();
+      // 地图清空
+      // 清除当前展示的地图，及地图上显示的事物
+      deleteHandelGroup();
+    };
+  }, []);
+
+  // 重新挂载事件 以达到更新作用域目的
+  useEffect(function () {
+    if (!flag) {
+      return;
+    }
+    _watchChangeFloor(mapInfo);
+    return function () {
+      _cancelSub();
+    };
+  }, [flag, mapInfo]);
+  useEffect(function () {
+    if (props.alwaysShowPointLabel !== PointLabelStatus) {
+      setPointLabelStatus(props.alwaysShowPointLabel);
+    }
+  }, [props]);
+
+  /**
+   * @method 监听-点位名称显示方式
+   */
+  useEffect(function () {
+    _watchPointNameStyle();
+  }, [PointLabelStatus]);
+
+  /**
+  * 监听加载
+  */
+  function loadSub() {
+    setFlag(flag + 1);
+  }
+  //#endregion
+
+  //#region 一些dome渲染
+  /**
+   * @method 聚合面板列表
+   */
+  var _renderClusterContent = function _renderClusterContent() {
+    var emptyFun = function emptyFun() {};
+    var _pointClickRef$curren2 = pointClickRef.current,
+      _pointClickRef$curren3 = _pointClickRef$curren2.dbcEvent,
+      dbcEvent = _pointClickRef$curren3 === void 0 ? emptyFun : _pointClickRef$curren3,
+      _pointClickRef$curren4 = _pointClickRef$curren2.clickEvent,
+      clickEvent = _pointClickRef$curren4 === void 0 ? emptyFun : _pointClickRef$curren4;
+    // 超100 执行分页，50条一页
+    var total = curClickCluster.length;
+    var listData = [];
+    var showPage = false;
+    if (total > clusterPageConfig.maxLimit) {
+      showPage = true;
+      listData = curClickCluster.slice((clusterCuPage - 1) * clusterPageConfig.size, clusterCuPage * clusterPageConfig.size);
+    } else {
+      listData = curClickCluster;
+    }
+    var dom = listData.map(function (camera) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: camera.deviceCode,
+        title: camera.name,
+        className: "zy-clusterInfo-item",
+        onClick: function onClick(e) {
+          clickEvent(e, camera, true);
+        },
+        onDoubleClick: function onDoubleClick(e) {
+          dbcEvent(e, camera, true);
+        }
+      }, /*#__PURE__*/React.createElement("img", {
+        src: camera.iconPath || defaultIconImg,
+        style: {
+          transform: "rotate(".concat(camera.rotationAngle, "deg)")
+        },
+        alt: "iconPath"
+      }), /*#__PURE__*/React.createElement("div", null, camera.name));
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: "zy-clusterInfo-content"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "list-container",
+      "data-long": showPage
+    }, dom), showPage && /*#__PURE__*/React.createElement(UPagination, {
+      simple: true,
+      center: true,
+      current: clusterCuPage,
+      pageSize: clusterPageConfig.size,
+      onChange: _pageCluster,
+      total: total
+    }));
+  };
+  //#endregion
+
+  //#region 父组件暴露的方法-地图本身
+  /**
+   * @method 设置地图中心点 根据经纬度
+   * @param {String} lng 经度
+   * @param {String} lat 纬度
+   */
+  var _setMapCenter = function _setMapCenter(lng, lat, height) {
+    var mapObj = mapCurrentRef.current;
+    if (!mapObj) {
+      return false;
+    }
+    var mapType = mapBaseDataRef.current.mapType;
+    if (mapType === MAP_TYPE.plane || mapType === MAP_TYPE.gis) {
+      //平面、Gis
+      mapObj.setZoom(18);
+      mapObj.setCenter({
+        lng: lng,
+        lat: lat
+      });
+    } else if (mapType === MAP_TYPE.scene || mapType === MAP_TYPE.stream) {
+      mapObj.setViewtoTarget({
+        center: {
+          lng: lng,
+          lat: lat,
+          height: height
+        },
+        offset: {
+          heading: 0,
+          pitch: -45,
+          range: 100
+        }
+      }, {
+        duration: 1
+      });
+    }
+    return true;
+  };
+  var _getCurrentShowMapType = function _getCurrentShowMapType(callback) {
+    callback(mapCurrentRef.current);
+  };
+
+  /**
+   * @method 加载指定的地图
+   * @param {String} 地图id
+   * @return -1 失败 | 0 加载新地图 | 1 显示原地图
+   */
+  var _loadMapByMapId = function _loadMapByMapId(areaCode, floorCode) {
+    if (areaCode === null || areaCode === undefined || floorCode === null || floorCode === undefined) {
+      // 不可用非空判断 root是0
+      LogWarning('未传入地图id');
+      return -1;
+    }
+
+    // 判断是否在当前地图图层
+    var currentFloor = dataBusInstance.getData(DATAS_BUS_KEY.currentFloor);
+    if (currentFloor && currentFloor.code === floorCode && !tipMessage) {
+      // 在当前地图
+      // 判断是否root且不渲染的情况
+      return 1;
+    } else {
+      // 2. 切到新的地图
+      mapSelectRef.current && mapSelectRef.current.changeSelectMapByDev(areaCode, floorCode);
+      return 0;
+    }
+  };
+
+  /**
+   * @method 外部调用-返回默认视角
+   */
+  var _returnDefaultView = function _returnDefaultView() {
+    var mapCurrent = mapCurrentRef.current;
+    if (!mapCurrent) {
+      LogWarning('当前无地图对象');
+      return;
+    }
+    var _mapBaseDataRef$curre2 = mapBaseDataRef.current,
+      mapMode = _mapBaseDataRef$curre2.mapMode,
+      viewInfo = _mapBaseDataRef$curre2.viewInfo,
+      floor = _mapBaseDataRef$curre2.floor;
+    var mapOrigin = floor.mapOrigin,
+      mapType = floor.mapType;
+    if (mapMode === MAP_MODE.three) {
+      // 如果是场景，返回场景视角
+      realMapControlRef.current && realMapControlRef.current.jumpScreenView(0.5, viewInfo);
+    } else if (mapMode === MAP_MODE.two) {
+      // 平面 gis时
+      mapCurrent.setCenter(viewCenter[mapType].center);
+      mapCurrent.setZoom(viewCenter[mapType].zoom);
+    }
+    //返回默认视角点击事件回调
+    var onViewClick = canSetView.onViewClick;
+    if (onViewClick && typeof onViewClick === 'function') {
+      onViewClick(mapCurrent);
+    }
+  };
+  //#endregion
+
+  //#region 父组件暴露的方法-相机相关
+  /**
+   * @method 设置相机为中心点位
+   * @param {String}
+   */
+  var _setLocation = function _setLocation(drawData) {
+    var pointLayer = drawData.pointLayer,
+      drawId = drawData.drawId,
+      modelId = drawData.modelId,
+      lng = drawData.coordinateX,
+      lat = drawData.coordinateY,
+      height = drawData.coordinateZ;
+    var mapObj = mapCurrentRef.current;
+    if (!mapObj) {
+      LogError('相机定位失败，没有找到地图对象');
+      return;
+    }
+    var mapType = mapBaseDataRef.current.mapType;
+    if (mapType === MAP_TYPE.plane || mapType === MAP_TYPE.gis) {
+      mapObj.setZoom(18);
+      mapObj.setCenter({
+        lng: lng,
+        lat: lat
+      });
+      // 运行完成释放缓存下来的callback
+      onLocateByCameraCall.current(drawData);
+      onLocateByCameraCall.current = null;
+    } else if (mapType === MAP_TYPE.scene) {
+      var newH = height;
+      // 如果显示了轨迹可以直接进行定位，相机会全量显示
+      if (trackRef.current.hasTrack()) {
+        var modelInfo = realMapControlRef.current.findModel(modelId);
+        newH += (modelInfo.floor - 1) * MAP_PULL_HEIGHT;
+        mapObj.setViewtoTarget({
+          center: {
+            lng: lng,
+            lat: lat,
+            height: newH
+          },
+          offset: {
+            heading: 0,
+            pitch: -45,
+            range: 100
+          }
+        }, {
+          duration: 1,
+          complete: function complete() {
+            // 运行完成释放缓存下来的callback
+            onLocateByCameraCall.current(drawData);
+            onLocateByCameraCall.current = null;
+          }
+        });
+        return;
+      }
+      // 单显示了地图需要切换到指定楼层，防止相机被地图显隐控制
+      realMapControlRef.current.showModel(modelId, function () {
+        // 场景地图点位定位
+        if (isPullBuild.current && isPullBuild.current[modelId]) {
+          newH += (isPullBuild.current[modelId].floor - 1) * MAP_PULL_HEIGHT;
+        }
+        mapObj.setViewtoTarget({
+          center: {
+            lng: lng,
+            lat: lat,
+            height: newH
+          },
+          offset: {
+            heading: 0,
+            pitch: -45,
+            range: 100
+          }
+        }, {
+          duration: 1,
+          complete: function complete() {
+            // 运行完成释放缓存下来的callback
+            onLocateByCameraCall.current(drawData);
+            onLocateByCameraCall.current = null;
+          }
+        });
+      });
+    } else if (mapType === MAP_TYPE.stream) {
+      // 如果显示了轨迹可以直接进行定位，相机会全量显示
+      if (trackRef.current.hasTrack()) {
+        mapObj.orientModel(pointLayer, drawId, {
+          duration: 1,
+          offset: {
+            x: 0,
+            y: 500,
+            z: 1000
+          },
+          complete: function complete() {
+            // 运行完成释放缓存下来的callback
+            onLocateByCameraCall.current(drawData);
+            onLocateByCameraCall.current = null;
+          }
+        });
+      } else {
+        realMapControlRef.current.showModel(modelId, function () {
+          mapObj.orientModel(pointLayer, drawId, {
+            duration: 1,
+            offset: {
+              x: 0,
+              y: 500,
+              z: 1000
+            },
+            complete: function complete() {
+              // 运行完成释放缓存下来的callback
+              onLocateByCameraCall.current(drawData);
+              onLocateByCameraCall.current = null;
+            }
+          });
+        });
+      }
+    }
+  };
+
+  /**
+   * @method 相机定位
+   * @param {Object} camData 相机数据
+   */
+  var _onLocateByCamera = function onLocateByCamera(camData, callback) {
+    if (!camData || !camData.id) {
+      return;
+    }
+    // 查询相机绑定的地图信息
+    var deviceCode = camData.deviceCode,
+      floorCode = camData.floorCode,
+      areaCode = camData.areaCode;
+    // 判断是否在当前地图图层
+    var currentFloor = dataBusInstance.getData(DATAS_BUS_KEY.currentFloor);
+    // 缓存一份callback
+    onLocateByCameraCall.current = callback;
+    // 如果是独立模式，直接定位当前地图相机
+    if (independentMode) {
+      // 当前点位是否隐藏
+      var points = dataBusInstance.getData(DATAS_BUS_KEY.pointDrawList) || [];
+      var pTemp = points.find(function (item) {
+        return item.deviceCode === deviceCode;
+      });
+      if (!pTemp) {
+        return;
+      }
+      _setLocation(pTemp);
+      return;
+    }
+    // 定位的点在当前地图
+    if (currentFloor && currentFloor.code === floorCode) {
+      // 当前点位是否隐藏
+      var _points = dataBusInstance.getData(DATAS_BUS_KEY.pointDrawList) || [];
+      var _pTemp = _points.find(function (item) {
+        return item.deviceCode === deviceCode;
+      });
+      if (!_pTemp) {
+        // 1.1 在当前地图，但是没有找到点位
+        return;
+      }
+      _setLocation(_pTemp);
+    } else {
+      drawPointInstance.updateBaseData('localPointCode', deviceCode);
+      // 地图切换
+      mapSelectRef.current && mapSelectRef.current.changeSelectMapByDev(areaCode, floorCode);
+    }
+  };
+
+  /**
+   * 定位标记
+   */
+  var showDevRed = function showDevRed(id, coordinateX, coordinateY) {
+    drawPointInstance.showDevRed(id, coordinateX, coordinateY);
+  };
+
+  /**
+   * @method 绘制点位
+   * @param {pointList} 点位列表
+   * @param {useLabel} 名称绘制方式 true为点位标记addOverlay绘制， false为dom绘制
+   * @param {pointLoadType} 点位加载类型
+   * @param {pointLoadTypeValue} 点位加载类型传参
+   * @param {isRedraw} 点位是否重绘
+   * @param {clusterInfo} 聚合信息列表，多类聚合可使用
+   * @param {pointClick} 点位单击事件
+   * @param {pointDbc} 点位单击事件
+   * @param {fullFillOfName} 点位名称显示长度是否自适应，默认最大100px
+   * @param {styleByDistance} 3d点位距离渐变样式
+   */
+  var _drawPoints = function _drawPoints(drawPointParams) {
+    var pointList = drawPointParams.pointList,
+      _drawPointParams$isRe = drawPointParams.isRedraw,
+      isRedraw = _drawPointParams$isRe === void 0 ? false : _drawPointParams$isRe,
+      pointClick = drawPointParams.pointClick,
+      pointDbc = drawPointParams.pointDbc;
+    var mapType = mapBaseDataRef.current.mapType;
+    pointClickRef.current = {
+      clickEvent: null,
+      dbcEvent: null
+    };
+    var innerPoints = [];
+    // 如果是云渲染还需要合并内置模型与设备绑定
+    if (mapType === MAP_TYPE.stream) {
+      // TODO 过滤非内置相机
+      var result = pointList.reduce(function (r, o) {
+        r[o.modelId.includes(':') ? 'innerPoints' : 'points'].push(o);
+        return r;
+      }, {
+        innerPoints: [],
+        points: []
+      });
+      innerPoints = result.innerPoints;
+    }
+    if (mapType === MAP_TYPE.stream) {
+      mapControl.getMapControl().setAllDevModelList(innerPoints);
+    }
+    // 绘制点位
+    drawPointInstance.drawPointsOnMap(drawPointParams, isPullBuild.current);
+
+    // 更新当前的点位点击事件
+    pointClickRef.current = {
+      clickEvent: pointClick || null,
+      dbcEvent: pointDbc || null
+    };
+    if (isRedraw) {
+      _deleteClusterPop();
+    }
+
+    // 绘制聚合面板
+    _createClusterPop();
+  };
+
+  /**
+   * @method 获取相机在地图的位置
+   * @param {String} code 相机code
+   */
+  var getPointPosition = function getPointPosition(code) {
+    if (!code) return null;
+    // 位置信息
+    var data = drawPointInstance.getPointPosition(code);
+    if (!data) return null;
+    var point = data.point,
+      position = data.position;
+    var modelId = point.modelId,
+      vis = point.vis;
+    var height = position.height;
+    // 如果是拉开状态直接返回拉开高度
+    if (trackRef.current.hasTrack()) {
+      var modelInfo = realMapControlRef.current.findModel(modelId);
+      if (modelInfo) {
+        height += (modelInfo.floor - 1) * MAP_PULL_HEIGHT;
+      }
+    } else if (isPullBuild.current && point.modelId) {
+      var _modelInfo = isPullBuild.current[point.modelId] || {
+        floor: 1
+      };
+      height += ((_modelInfo.floor || 1) - 1) * MAP_PULL_HEIGHT;
+    }
+    // return { ...position, height, show: vis ?? true }
+    return _objectSpread(_objectSpread({}, position), {}, {
+      height: height,
+      show: vis === undefined ? true : vis
+    });
+  };
+
+  /**
+   * @method 外部调用-相机显隐
+   * @param {Array} 隐藏的多元条件
+   *   @param {String} key 隐藏状态字段的key 如devType 隐藏字段是是设备类型
+   *   @param {Array} hideValues 隐藏状态字段的key 如 [9013, 110] 隐藏报警设备，摄像机(仅举例，不代表报警设备真实devType是9013)
+   */
+  var changePointLayerVis = function changePointLayerVis(hideCondition) {
+    drawPointInstance.changePointLayerVis(hideMapLayerByUNW.current, hideCondition);
+  };
+
+  /**
+   * 删除点位
+   */
+  var _delPoint = function _delPoint(code) {
+    if (!code) return;
+    drawPointInstance.delPoint(code);
+  };
+  var updatePoint = function updatePoint(code) {
+    if (!code) return;
+    drawPointInstance.updatePoint(code, isPullBuild.current);
+  };
+
+  /**
+   * 获取真实显示的高度
+   * @param {*} modelId
+   */
+  var changeHeight2Truth = function changeHeight2Truth(height, modelId) {
+    var isByMouseXY = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    if (!modelId) return height;
+    if (trackRef.current.hasTrack()) {
+      var modelInfo = realMapControlRef.current.findModel(modelId);
+      if (modelInfo) {
+        if (isByMouseXY) {
+          height -= (modelInfo.floor - 1) * MAP_PULL_HEIGHT;
+        } else {
+          height += (modelInfo.floor - 1) * MAP_PULL_HEIGHT;
+        }
+      }
+    } else if (isPullBuild.current) {
+      var _modelInfo2 = isPullBuild.current[modelId] || {
+        floor: 1
+      };
+      if (isByMouseXY) {
+        height -= ((_modelInfo2.floor || 1) - 1) * MAP_PULL_HEIGHT;
+      } else {
+        height += (_modelInfo2.floor - 1) * MAP_PULL_HEIGHT;
+      }
+    }
+    return height;
+  };
+
+  /**
+   * 绑定点位到地图
+   */
+  var bindPointForMap = function bindPointForMap(data) {
+    drawPointInstance.outBindPointsSet(data);
+  };
+  //#endregion
+
+  //#region 父组件暴露的方法-轨迹部分
+
+  //#region 轨迹相关
+  /**
+   * @method 绘制轨迹
+   * @param {String}
+   */
+  var _drawTrack = function _drawTrack(trackData) {
+    var id = undefined;
+    trackRef.current && (id = trackRef.current.drawTrack(trackData));
+    return id;
+  };
+
+  /**
+   * @method 清除轨迹
+   * @param {String} id 轨迹id
+   */
+  var _clearTrack = function _clearTrack(id) {
+    trackRef.current && trackRef.current.clearTrack(id);
+  };
+
+  /**
+   * @method 显隐轨迹dom点
+   * @param {String}
+   */
+  var _showTrackPoint = function _showTrackPoint() {
+    var ids = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var visiable = arguments.length > 1 ? arguments[1] : undefined;
+    trackRef.current && trackRef.current.showTrackPoint(ids, visiable);
+  };
+
+  /**
+   * @method 显隐轨迹
+   * @param {String} id 轨迹id
+   */
+  var _showTrack = function _showTrack(id, visible) {
+    trackRef.current && trackRef.current.showTrack(id, visible);
+  };
+  //#endregion
+  //#endregion
+
+  //#region 工具函数
+  // 版本兼容提示
+  useEffect(function () {
+    if (configOption.isIp) LogWarning('属性 isIp 已在2.0.0版本废弃，请使用isServerIp');
+    if (configOption.swServerIp) LogWarning('属性 swServerIp 已在2.0.0版本废弃，该参数不再需要');
+    if (configOption.vmIp) LogWarning('属性 vmIp 已在2.0.0版本废弃，该参数不再需要');
+  }, []);
+  //#endregion
+
+  useImperativeHandle(refInstance, function () {
+    return _objectSpread({
+      inId: inId,
+      // 渲染指定地图
+      loadMapByMapId: _loadMapByMapId,
+      // 设置地图中心
+      setMapCenter: _setMapCenter,
+      // 当前展示的地图类型
+      getCurrentShowMapType: _getCurrentShowMapType,
+      // 框选
+      // selectPoint: (type, filterVis, callback) => dealShapeRef.current.drawShapeByMouse(type, filterVis, callback),
+      selectPoint: _selectPoint,
+      // 返回地图 默认视角
+      returnDefaultView: _returnDefaultView,
+      // 绘制轨迹
+      drawTrack: _drawTrack,
+      // 清除轨迹
+      clearTrack: _clearTrack,
+      // 显隐标记点
+      showTrackPoint: _showTrackPoint,
+      // 轨迹显隐
+      showTrack: _showTrack,
+      // 销毁地图
+      destoryMap: destoryMap,
+      //监听加载
+      loadSub: loadSub,
+      //#region 点位相关
+      // 画点
+      drawPoints: _drawPoints,
+      // 相机定位
+      onLocateByCamera: function onLocateByCamera(camCode) {
+        var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : function () {};
+        _onLocateByCamera(camCode, callback);
+      },
+      showDevRed: showDevRed,
+      // 图层筛选
+      changePointLayerVis: changePointLayerVis,
+      // 获取相机在地图上的位置信息
+      getPointPosition: getPointPosition,
+      // 删除点
+      delPoint: _delPoint,
+      // TODO 更新点
+      updatePoint: updatePoint,
+      // 将高度改为数据库真实高度
+      changeHeight2Truth: changeHeight2Truth,
+      //绑定外部点位
+      bindPointForMap: bindPointForMap,
+      //修改可视域控制相机转动
+      updateTime: _watchChangeFOV,
+      // 以下为模型场景相关api
+      getFloorInfoById: _getFloorInfoById,
+      mergeAllModel: _mergeAllModel,
+      jumpScreenView: _jumpScreenView,
+      setModelSelectState: _setModelSelectState,
+      getAllModelListId: _getAllModelListId,
+      clearMapObj: _clearMapObj,
+      setOperateDisable: _setOperateDisable,
+      jumpEagleEyeMap: _jumpEagleEyeMap,
+      junpOnlyScreenView: _junpOnlyScreenView,
+      hideFloorList: _hideFloorList,
+      showModel: _showModel,
+      showBuildList: _showCom,
+      setAllDevModelList: _setAllDevModelList,
+      delBindCamDevModel: _delBindCamDevModel,
+      getModelIsOutfloor: _getModelIsOutfloor,
+      setBindCamDevModel: _setBindCamDevModel,
+      resetToolStatus: _resetToolStatus
+    }, realMapControlRef.current);
+  });
+  //#endregion
+
+  /**
+   * 重置工具栏的状态
+   */
+  var _resetToolStatus = function _resetToolStatus() {
+    toolMenuRef.current._showTool(undefined, '');
+  };
+
+  // #region 场景API
+
+  // 是否隐藏楼层模型
+  var _showCom = function _showCom(status) {
+    buildFloorRef.current && buildFloorRef.current.showCom(status);
+  };
+  /**
+   * 显示模型
+   * @param id 模型id
+   * @param callback 回调
+   */
+  var _showModel = function _showModel(id, callback) {
+    realMapControlRef.current && realMapControlRef.current._showModel(id, callback);
+  };
+
+  /**
+   * 根据模型id获取模型信息
+   * @param id 模型id
+   * @returns modelList
+   */
+  var _getFloorInfoById = function _getFloorInfoById(id) {
+    var model = realMapControlRef.current && realMapControlRef.current.getFloorInfoById(id) || null;
+    return model;
+  };
+
+  /**
+   * 单纯合并或者拉开所有模型，不进行任何操作
+   * @param status boolean 拉开或合并
+   */
+  var _mergeAllModel = function _mergeAllModel(status) {
+    realMapControlRef.current && realMapControlRef.current.mergeAllModel(status);
+  };
+
+  /**
+   * 回到场景默认视角
+   * @param time 动画时间 默认0.5s
+  */
+  var _jumpScreenView = function _jumpScreenView() {
+    var time = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0.5;
+    var viewInfo = mapBaseDataRef.current.viewInfo;
+    realMapControlRef.current && realMapControlRef.current.jumpScreenView(time, viewInfo);
+  };
+
+  /**
+   * 设置模型高亮
+   * @param state 状态
+   */
+  var _setModelSelectState = function _setModelSelectState() {
+    var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    realMapControlRef.current && realMapControlRef.current.setModelSelectState(state);
+  };
+
+  /**
+   * 获取所有模型id
+   * @param id 需要排除的id
+   */
+  var _getAllModelListId = function _getAllModelListId(id) {
+    var ids = realMapControlRef.current && realMapControlRef.current.getAllModelListId(id) || [];
+    return ids;
+  };
+
+  // 清楚场景地图
+  var _clearMapObj = function _clearMapObj() {
+    realMapControlRef.current && realMapControlRef.current.clearMapObj();
+  };
+
+  /**
+   * 设置场景交互状态
+   * @param disable 状态 默认关闭
+   */
+  var _setOperateDisable = function _setOperateDisable() {
+    var disable = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    realMapControlRef.current && realMapControlRef.current.setOperateDisable(disable);
+  };
+
+  // 跳转到全景视角
+  var _jumpEagleEyeMap = function _jumpEagleEyeMap() {
+    realMapControlRef.current && realMapControlRef.current.jumpEagleEyeMap();
+  };
+
+  // 回到默认视角不作操作
+  var _junpOnlyScreenView = function _junpOnlyScreenView() {
+    realMapControlRef.current && realMapControlRef.current.junpOnlyScreenView();
+  };
+
+  // 隐藏楼层列表显示
+  var _hideFloorList = function _hideFloorList() {
+    realMapControlRef.current && realMapControlRef.current.hideFloorList();
+  };
+  var _setAllDevModelList = function _setAllDevModelList(points) {
+    var needHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    realMapControlRef.current && realMapControlRef.current.setAllDevModelList(points, needHidden);
+  };
+  var _delBindCamDevModel = function _delBindCamDevModel(id, clear) {
+    realMapControlRef.current && realMapControlRef.current.delBindCamDevModel(id, clear);
+  };
+  var _getModelIsOutfloor = function _getModelIsOutfloor(modelId) {
+    realMapControlRef.current && realMapControlRef.current.getModelIsOutfloor(modelId);
+  };
+  var _setBindCamDevModel = function _setBindCamDevModel(modelInfo, camInfo) {
+    if (realMapControlRef.current) {
+      return realMapControlRef.current.setBindCamDevModel(modelInfo, camInfo);
+    } else {
+      return false;
+    }
+  };
+  // #endregion
+
+  var setNameTip = function setNameTip(isShow) {
+    setPointLabelStatus(isShow);
+  };
+
+  //#region 新增模型显示功能
+  /**
+   * @method 显示模型地图
+   * @param {Object} floorInfo 地图楼层信息
+   * @param {number} type 地图类型
+   */
+  var _drawModalMap = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6(floorInfo, type) {
+      var mapObj, msFid, msBid, independentData, layer, modelPos, result, url, params, res, URL, imgCenter, angleInfo, _t3;
+      return _regenerator().w(function (_context6) {
+        while (1) switch (_context6.p = _context6.n) {
+          case 0:
+            mapObj = mapCurrentRef.current;
+            msFid = floorInfo.msFid, msBid = floorInfo.msBid, independentData = floorInfo.independentData;
+            if (!(!independentMode && (!msFid || !msBid))) {
+              _context6.n = 1;
+              break;
+            }
+            LogError('请传入is对应模型地图的msFid和msBid');
+            return _context6.a(2);
+          case 1:
+            //先建立模型图层
+            layer = modelLayerRef.current, modelPos = configOption.centerPostion || configOptionDefault.centerPostion;
+            if (!layer) {
+              layer = mapObj.createModelLayer().Id;
+              modelLayerRef.current = layer;
+            }
+            modelPos.height = 0;
+            if (independentMode) {
+              _context6.n = 8;
+              break;
+            }
+            _context6.p = 2;
+            params = {
+              id: msFid,
+              mansion: msBid
+            }; //获取模型文件路径
+            _context6.n = 3;
+            return getModel(params);
+          case 3:
+            res = _context6.v;
+            if (!(res && res.ErrCode === 0)) {
+              _context6.n = 5;
+              break;
+            }
+            if (!(!res.Floors || !Array.isArray(res.Floors) || res.Floors.length < 0)) {
+              _context6.n = 4;
+              break;
+            }
+            return _context6.a(2);
+          case 4:
+            URL = res.Floors[0].URL;
+            url = _getMapSourceUrl(URL);
+          case 5:
+            _context6.n = 7;
+            break;
+          case 6:
+            _context6.p = 6;
+            _t3 = _context6.v;
+            LogError(_t3);
+            return _context6.a(2);
+          case 7:
+            _context6.n = 10;
+            break;
+          case 8:
+            if (independentData.url) {
+              _context6.n = 9;
+              break;
+            }
+            LogError('请传入is对应模型地图的url');
+            return _context6.a(2);
+          case 9:
+            url = _getMapSourceUrl(independentData.url);
+          case 10:
+            //3dtiles
+            if (/\.json/.test(url)) {
+              result = mapObj.createTiles(modelLayerRef.current, {
+                url: url,
+                position: modelPos,
+                scale: 1
+              });
+              //gltf
+            } else {
+              result = mapObj.createModel(modelLayerRef.current, {
+                url: url,
+                position: modelPos,
+                scale: 1
+              });
+            }
+            if (result.ErrCode !== 0) {
+              LogError(result.ErrMsg);
+            } else {
+              modelIdRef.current = result.TileId || result.Id;
+            }
+            //设置视角
+            imgCenter = configOption.centerPostion || configOptionDefault.centerPostion;
+            angleInfo = floorInfo.angleInfo;
+            if (angleInfo) {
+              angleInfo = JSON.parse(angleInfo);
+              angleInfo && mapObj.setViewByViewInfo(angleInfo, {
+                duration: 0.2
+              });
+            }
+          case 11:
+            return _context6.a(2);
+        }
+      }, _callee6, null, [[2, 6]]);
+    }));
+    return function _drawModalMap(_x10, _x11) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  /**
+   * @method 获取模型资源路径
+   * @param {string} url 模型url
+   */
+  var _getMapSourceUrl = function _getMapSourceUrl(url) {
+    //如果url已经是协议开头直接返回
+    if (url.startsWith('http:') || url.startsWith('https')) {
+      return url;
+    }
+    var mapServerIp = configOption.mapServerIp,
+      isPortOnes = configOption.isPortOnes,
+      swPort = configOption.swPort;
+    // 根据协议调整地图的ip
+    var mapIp = "".concat(window.location.protocol, "//").concat(mapServerIp).concat(swPort ? ':' + swPort : '').concat(isPortOnes ? '/mapServer' : ":".concat(getPort(isHttps() ? '4705' : '4707')));
+    return mapIp + url;
+  };
+
+  /**
+   * @method 清除模型地图
+   */
+  var _deleteModel = function _deleteModel() {
+    if (modelLayerRef.current && modelIdRef.current) {
+      var mapObj = mapCurrentRef.current;
+      var result = mapObj.deleteModel(modelLayerRef.current, modelIdRef.current);
+      if (result.ErrCode !== 0) {
+        LogError('删除模型失败!', result.ErrMsg);
+      } else {
+        modelIdRef.current = null;
+      }
+      mapObj.deleteModelLayer(modelLayerRef.current);
+      modelLayerRef.current = '';
+    }
+  };
+  //#endregion
+
+  /**
+   * 启动图形检索
+   * @param {String} type 绘制的类型
+   * @param {String} sourceType  资源类型 分号隔开
+   * @param {String} layerIds  图层id  分号隔开
+   * @param {String} selectMode  框选模式： 1：'map'   2：'layer'   前者从地图后台接口获取，后者从图层获取
+   * @param {Function} selectFinished   框选完成时的回调
+   * @param {Function} deleteClick   点击框选图形的删除按钮时的回调
+   */
+  var _selectPoint = function _selectPoint(_ref7) {
+    var type = _ref7.type,
+      _ref7$sourceType = _ref7.sourceType,
+      sourceType = _ref7$sourceType === void 0 ? '' : _ref7$sourceType,
+      _ref7$layerIds = _ref7.layerIds,
+      layerIds = _ref7$layerIds === void 0 ? '' : _ref7$layerIds,
+      selectMode = _ref7.selectMode,
+      selectFinished = _ref7.selectFinished,
+      deleteClick = _ref7.deleteClick;
+    var mapObj = mapCurrentRef.current;
+    if (!['line', 'circle', 'rectangle', 'polygon'].includes(type)) {
+      return;
+    }
+    mapObj.drawOverlay({
+      drawOverlayType: 'line' === type ? 'lineSelect' : type,
+      drawOverlayStyle: {
+        ishighest: true,
+        extrudedHeight: 0
+      },
+      callback: function () {
+        var _callback2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7(type, option) {
+          var options, geomery, lng, lat, size, optionConfig, layers, targetLayers, r1, allPoints, overlays, selectPoints, _t4;
+          return _regenerator().w(function (_context7) {
+            while (1) switch (_context7.p = _context7.n) {
+              case 0:
+                options = {
+                  lineSelect: function lineSelect(option) {
+                    var lng = option.style.positions.map(function (item) {
+                      return item.lng;
+                    }).join(';');
+                    var lat = option.style.positions.map(function (item) {
+                      return item.lat;
+                    }).join(';');
+                    return {
+                      type: 'line',
+                      option: {
+                        positions: option.style.positions
+                      },
+                      lng: String(lng),
+                      lat: String(lat),
+                      size: 60
+                    };
+                  },
+                  circle: function circle(option) {
+                    return {
+                      type: 'circle',
+                      option: {
+                        center: option.attr.position,
+                        radius: option.style.semiMajorAxis
+                      },
+                      lng: option.attr.position.lng + '',
+                      lat: option.attr.position.lat + '',
+                      size: option.style.semiMajorAxis
+                    };
+                  },
+                  rectangle: function rectangle(option) {
+                    return {
+                      type: 'rectangle',
+                      option: {
+                        coordinates: option.style.coordinates
+                      },
+                      lng: "".concat(option.style.coordinates.west, ";").concat(option.style.coordinates.east, ";").concat(option.style.coordinates.east, ";").concat(option.style.coordinates.west),
+                      lat: "".concat(option.style.coordinates.north, ";").concat(option.style.coordinates.north, ";").concat(option.style.coordinates.south, ";").concat(option.style.coordinates.south),
+                      size: null
+                    };
+                  },
+                  polygon: function polygon(option) {
+                    var lng = option.style.hierarchy.map(function (item) {
+                      return item.lng;
+                    }).join(';');
+                    var lat = option.style.hierarchy.map(function (item) {
+                      return item.lat;
+                    }).join(';');
+                    var size = null;
+                    return {
+                      type: 'polygon',
+                      option: {
+                        hierarchy: option.style.hierarchy
+                      },
+                      lng: String(lng),
+                      lat: String(lat),
+                      size: size
+                    };
+                  }
+                };
+                if (options[type]) {
+                  _context7.n = 1;
+                  break;
+                }
+                selectFinished && selectFinished([], null);
+                return _context7.a(2);
+              case 1:
+                geomery = type === 'lineSelect' ? 0 : type === 'circle' ? 1 : 2;
+                lng = options[type](option).lng;
+                lat = options[type](option).lat;
+                size = options[type](option).size; // 点位框选来自图层，如果传入了图层，则框选传入图层上的点位；如果未传入图层，则框选总线上所有图层上的点位
+                optionConfig = options[type](option).option;
+                if (!(selectMode && selectMode === 'layer')) {
+                  _context7.n = 2;
+                  break;
+                }
+                layers = dataBusInstance.getData(DATAS_BUS_KEY.pointLayers); // 当前点位图层
+                targetLayers = layerIds ? layerIds.split(';') : layers;
+                try {
+                  r1 = mapObj.selectOverlaysForLayers(targetLayers, {
+                    type: type,
+                    option: optionConfig
+                  });
+                  if (r1 && r1.ErrCode === 0) {
+                    allPoints = dataBusInstance.getData(DATAS_BUS_KEY.pointDrawList);
+                    overlays = Array.isArray(r1.Overlays) ? r1.Overlays : [];
+                    selectPoints = Array.isArray(allPoints) ? allPoints.filter(function (n) {
+                      return overlays.includes(n.drawId);
+                    }) : [];
+                    selectFinished === null || selectFinished === void 0 ? void 0 : selectFinished(selectPoints, optionConfig);
+                  } else {
+                    selectFinished === null || selectFinished === void 0 ? void 0 : selectFinished([], optionConfig, r1);
+                  }
+                } catch (error) {
+                  console.error('selectOverlaysForLayers error:', error);
+                  selectFinished === null || selectFinished === void 0 ? void 0 : selectFinished([], optionConfig, {
+                    ErrCode: -1,
+                    ErrMsg: error.message
+                  });
+                }
+                _context7.n = 5;
+                break;
+              case 2:
+                _context7.p = 2;
+                _context7.n = 3;
+                return getPointsByDraw(sourceType, mapObj, layerIds, geomery, lng, lat, size, function (result) {
+                  selectFinished === null || selectFinished === void 0 ? void 0 : selectFinished(result, optionConfig);
+                });
+              case 3:
+                _context7.n = 5;
+                break;
+              case 4:
+                _context7.p = 4;
+                _t4 = _context7.v;
+                selectFinished === null || selectFinished === void 0 ? void 0 : selectFinished([], optionConfig, {
+                  ErrCode: -1,
+                  ErrMsg: _t4.message
+                });
+              case 5:
+                return _context7.a(2);
+            }
+          }, _callee7, null, [[2, 4]]);
+        }));
+        function callback(_x12, _x13) {
+          return _callback2.apply(this, arguments);
+        }
+        return callback;
+      }(),
+      callbackForClean: function callbackForClean() {
+        deleteClick && deleteClick();
+      }
+    });
+  };
+  var GUID = _getGuid();
+  var classMain = classNames('map-component', "".concat(CUSTOM_PREFIX, "-map-23d"), _defineProperty({}, "".concat(CUSTOM_PREFIX, "-map-23d-theme-").concat(theme || getTheme()), theme || getTheme()));
+
+  //#region 地图引擎能力提升重大项目新增
+  /**
+   * @method: 获取模型url
+   * @param {*} floor
+   */
+  function _getModelUrl(_x14) {
+    return _getModelUrl2.apply(this, arguments);
+  } //#endregion
+  // #region 进度条
+  /**
+   * 加载进度条
+   */
+  function _getModelUrl2() {
+    _getModelUrl2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8(floor) {
+      var msFid, msBid, independentData, params, res, URL, _t5;
+      return _regenerator().w(function (_context8) {
+        while (1) switch (_context8.p = _context8.n) {
+          case 0:
+            msFid = floor.msFid, msBid = floor.msBid, independentData = floor.independentData;
+            if (independentMode) {
+              _context8.n = 7;
+              break;
+            }
+            _context8.p = 1;
+            params = {
+              id: msFid,
+              mansion: msBid
+            }; //获取模型文件路径
+            _context8.n = 2;
+            return getModel(params);
+          case 2:
+            res = _context8.v;
+            if (!(res && res.ErrCode === 0)) {
+              _context8.n = 4;
+              break;
+            }
+            if (!(!res.Floors || !Array.isArray(res.Floors) || res.Floors.length < 0)) {
+              _context8.n = 3;
+              break;
+            }
+            return _context8.a(2);
+          case 3:
+            URL = res.Floors[0].URL;
+            modelUrl.current = _getMapSourceUrl(URL);
+          case 4:
+            _context8.n = 6;
+            break;
+          case 5:
+            _context8.p = 5;
+            _t5 = _context8.v;
+            LogError(_t5);
+            return _context8.a(2);
+          case 6:
+            _context8.n = 9;
+            break;
+          case 7:
+            if (independentData.url) {
+              _context8.n = 8;
+              break;
+            }
+            LogError('请传入is对应模型地图的url');
+            return _context8.a(2);
+          case 8:
+            modelUrl.current = _getMapSourceUrl(independentData.url);
+          case 9:
+            return _context8.a(2);
+        }
+      }, _callee8, null, [[1, 5]]);
+    }));
+    return _getModelUrl2.apply(this, arguments);
+  }
+  var _useState17 = useState(0),
+    _useState18 = _slicedToArray(_useState17, 2),
+    mapLoadingPercent = _useState18[0],
+    setMapLoadingPercent = _useState18[1];
+  var mapLoadingPercentTime = useRef(null);
+  var setMapIsLoading = function setMapIsLoading(type) {
+    if (mapLoadingPercentTime.current) {
+      clearInterval(mapLoadingPercentTime.current);
+      mapLoadingPercentTime.current = null;
+    }
+
+    // 设置正在加载，则启动定时器
+    if (type) {
+      // 启动定时器
+      setMapLoadingPercent(0); // 重置进度
+      mapLoadingPercentTime.current = setInterval(function () {
+        setMapLoadingPercent(function (prev) {
+          var next = prev + 5;
+          return next >= 100 ? 99 : next;
+        });
+      }, 250);
+    }
+    typeof onMapLoading === 'function' && onMapLoading(type);
+  };
+  useEffect(function () {
+    setMapIsLoading(loading);
+  }, [loading]);
+  var setMapLoadingPercentState = function setMapLoadingPercentState(percent) {
+    // 保留1位小数
+    percent = Math.round(percent);
+    if (mapLoadingPercentTime.current) {
+      clearInterval(mapLoadingPercentTime.current);
+      mapLoadingPercentTime.current = null;
+    }
+    setMapLoadingPercent(percent);
+    if (Math.floor(percent) === 100) {
+      setLoading(false);
+    }
+  };
+
+  // 组件卸载时清除定时器
+  useEffect(function () {
+    return function () {
+      if (mapLoadingPercentTime.current) {
+        clearInterval(mapLoadingPercentTime.current);
+      }
+    };
+  }, []);
+  // #endregion
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: classMain,
+    id: inId || GUID
+  }, /*#__PURE__*/React.createElement(USpin, {
+    indicator: /*#__PURE__*/React.createElement("div", {
+      className: "map-spin-div"
+    }, /*#__PURE__*/React.createElement(UIcon, {
+      type: "loading",
+      style: {
+        fontSize: 24
+      },
+      spin: true
+    }), /*#__PURE__*/React.createElement("div", null, textLocale.isLoading || '正在加载', "\uFF08", /*#__PURE__*/React.createElement("strong", null, mapLoadingPercent, "%"), "\uFF09 ...")),
+    spinning: mapEngineRef.current !== 'stream' && loading
+  }, loadScript && isRefresh && mapCurrentRef.current && (pointFromMapProps || toolMenuProps) && /*#__PURE__*/React.createElement(MapToolMenu, _extends({
+    ref: toolMenuRef,
+    instanceKey: inId || GUID,
+    mapDom: mapCurrentRef.current
+  }, props, toolMenuProps, pointFromMapProps, {
+    isServerIp: configOption.isServerIp,
+    mapSwitchType: mapSwitchType,
+    mapInfo: mapInfo,
+    initMapOrigin: initMapOrigin.current,
+    getMapInfo: getMapInfo,
+    alwaysShowPointLabel: PointLabelStatus,
+    setNameTip: setNameTip,
+    textLocale: textLocale,
+    locationSecu: toolComponents.locationSecu
+  })), loadScript && isRefresh && mapCurrentRef.current && searchPointProps && /*#__PURE__*/React.createElement(MapServerPointSearch, _extends({}, props, searchPointProps, {
+    mapDom: mapCurrentRef.current
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "map-dom-2d",
+    id: MAP_2D_DOM_ID
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "map-dom-3d",
+    id: MAP_3D_DOM_ID
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "map-dom-stream",
+    id: MAP_STREAM_DOM_ID
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "map-dom-cesium",
+    id: MAP_CESIUM_DOM_ID
+  }), loadScript && /*#__PURE__*/React.createElement(React.Fragment, null, independentMode ? /*#__PURE__*/React.createElement(IndependentMode, {
+    mapInfo: mapInfo,
+    instanceKey: inId
+  }) : /*#__PURE__*/React.createElement(MapSelect, {
+    ref: mapSelectRef,
+    instanceKey: inId,
+    textLocale: textLocale
+  }), /*#__PURE__*/React.createElement(BuildFloor, {
+    ref: buildFloorRef,
+    instanceKey: inId,
+    textLocale: textLocale
+  }), /*#__PURE__*/React.createElement(MapTrack, {
+    ref: trackRef,
+    instanceKey: inId,
+    textLocale: textLocale
+  }), canSetView.canSet && /*#__PURE__*/React.createElement("div", {
+    className: "location-view",
+    onClick: _returnDefaultView
+  })), document.getElementById(clusterLayer.current.domId) && /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "zy-clusterInfo-popover"
+  }, _renderClusterContent())), document.getElementById(clusterLayer.current.domId)), /*#__PURE__*/React.createElement("div", {
+    "data-show": !!tipMessage,
+    className: "mapComponent-notMap"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mapComponent-notMapIcon"
+  }, emptyMapIcon), /*#__PURE__*/React.createElement("span", null, tipMessage)), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(CUSTOM_PREFIX, "-map-header-background")
+  })));
+};
+export default /*#__PURE__*/forwardRef(MapComponent);