@uni-sw/u-design 2.0.4

package/es/components/UMap/map/components/MapToolMenu/Map3D.js

@@ -0,0 +1,1603 @@
+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 _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 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 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
+/**
+ * 地图
+ */
+import React from 'react';
+import { getMapSeverThirdMap } from "../MapServerPointManage/RequestFunc";
+import redPoint from "../../images/point_red.png";
+import bluePoint from "../../images/point_blue.png";
+import moveDefault from "../../images/moveDefault.png";
+import moment from 'moment';
+import { getPointsByDraw } from "../MapServerPointManage/RequestFunc";
+import axios from 'axios';
+var map3D = null; //公共Map3D对象
+var mapDom3D = null; //公共Map3D对应的DOM节点
+var map3DIp = ''; //地图服务器IP
+var layerId = null; //公共图层id
+var mapResource = null;
+var mapCfgInfo = null;
+var Map3D = /*#__PURE__*/function (_React$PureComponent) {
+  function Map3D(props) {
+    var _this;
+    _classCallCheck(this, Map3D);
+    _this = _callSuper(this, Map3D, [props]);
+    //#region 公共
+    /**
+     * 获取公共地图对象  整个项目中，多个组件继承，也只有一个MAP
+     */
+    _this.getMap = function () {
+      return map3D;
+    };
+    /**
+     * 获取地图服务器IP
+     */
+    _this.getMapServerIP = function () {
+      return map3DIp;
+    };
+    //#endregion
+    //#region 创建图层
+    /**
+     * 创建一个公共的图层layerId
+     */
+    _this._createCommonLayer = function () {
+      if (!map3D) {
+        return;
+      }
+      if (layerId) {
+        return layerId;
+      }
+      layerId = map3D.createBaseLayer().Id;
+      return layerId;
+    };
+    _this.getCommonLayer = function () {
+      return layerId;
+    };
+    /**
+     * 创建图层  返回图层id
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.createLayer = function () {
+      var map3dObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      return map3dObj.createBaseLayer().Id;
+    };
+    //#endregion
+    //#region 坐标转换及 距离计算
+    /**
+     * 84坐标转换成火星坐标
+     * @param {Number} longitude 经度
+     * @param {Number} latitude 纬度
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.wgs84togcj02 = function (longitude, latitude) {
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      var lng = longitude - 0 || 0;
+      var lat = latitude - 0 || 0;
+      if (typeof lng !== 'number' || typeof lat !== 'number') {
+        return {
+          lng: 0,
+          lat: 0
+        };
+      }
+      var _map3dObj$wgs84togcj = map3dObj.wgs84togcj02({
+          lng: lng,
+          lat: lat
+        }),
+        ErrCode = _map3dObj$wgs84togcj.ErrCode,
+        Coord = _map3dObj$wgs84togcj.Coord;
+      if (0 !== ErrCode) {
+        return {
+          lng: 0,
+          lat: 0
+        };
+      }
+      return {
+        lng: Coord.lng || 0,
+        lat: Coord.lat || 0
+      };
+    };
+    /**
+     * 火星坐标转换成84坐标
+     * @param {Number} longitude 经度
+     * @param {Number} latitude 纬度
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.gcj02towgs84 = function (longitude, latitude) {
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      var lng = longitude - 0 || 0;
+      var lat = latitude - 0 || 0;
+      if (typeof lng !== 'number' || typeof lat !== 'number') {
+        return {
+          lng: 0,
+          lat: 0
+        };
+      }
+      var _map3dObj$gcj02towgs = map3dObj.gcj02towgs84({
+          lng: lng,
+          lat: lat
+        }),
+        ErrCode = _map3dObj$gcj02towgs.ErrCode,
+        Coord = _map3dObj$gcj02towgs.Coord;
+      if (0 !== ErrCode) {
+        return {
+          lng: 0,
+          lat: 0
+        };
+      }
+      return {
+        lng: Coord.lng || 0,
+        lat: Coord.lat || 0
+      };
+    };
+    /**
+     * 计算两点距离
+     * @param {Object} point1 点位1 支持{ lng, lat } 或 { coords: { lng, lat } }
+     * @param {Object} point2 点位2 支持{ lng, lat } 或 { coords: { lng, lat } }
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.getDistance = function (point1, point2) {
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return 0;
+      }
+      var coords1 = point1 && point1.coords ? point1.coords : point1;
+      var coords2 = point2 && point2.coords ? point2.coords : point2;
+      var _map3dObj$measureDist = map3dObj.measureDistanceNoHeight({
+          lng: coords1.lng,
+          lat: coords1.lat
+        }, {
+          lng: coords2.lng,
+          lat: coords2.lat
+        }),
+        ErrCode = _map3dObj$measureDist.ErrCode,
+        Distance = _map3dObj$measureDist.Distance;
+      if (0 !== ErrCode) {
+        return 0;
+      }
+      return Distance || 0;
+    };
+    //#endregion
+    //#region 地图事件绑定
+    /**
+     * 地图绑定事件
+     * @param {Function} callback 事件触发后的回调函数
+     * @param {String} eventType  事件类型 默认左键单击
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.bindEventForMap = function (callback) {
+      var eventType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'leftClick';
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      //地图监听点击事件 用于描点
+      var _map3dObj$bindEventFo = map3dObj.bindEventForMap(eventType, function (e) {
+          callback(e);
+        }),
+        ErrCode = _map3dObj$bindEventFo.ErrCode,
+        ErrMsg = _map3dObj$bindEventFo.ErrMsg,
+        Id = _map3dObj$bindEventFo.Id;
+      if (0 !== ErrCode) {
+        console.error('bindEventForMap ==> ', ErrCode, ErrMsg);
+      }
+      return 0 === ErrCode ? Id : '';
+    };
+    /**
+     * 地图解绑事件
+     * @param {String} eventId  事件id
+     * @param {String} eventType  事件类型 默认左键单击
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.removeEventForMap = function (eventId) {
+      var eventType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'leftClick';
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      //地图监听点击事件 用于描点
+      map3dObj.removeEventForMap(eventType, eventId);
+    };
+    /**
+     * 图层绑定事件
+     * @param {Function} callback 事件触发后的回调函数
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {String} eventType  事件类型 默认左键单击
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.bindEventForLayer = function (callback) {
+      var layerId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this._createCommonLayer();
+      var eventType = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'leftClick';
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      //图层监听点击事件 修改点位信息
+      map3dObj.bindEventForLayer(eventType, function (e) {
+        if (e && e.attr && e.attr.coveringId) {
+          callback(e);
+        }
+      }, layerId, 'overlay');
+    };
+    /**
+     * 覆盖物绑定事件
+     * @param {String} coveringId 覆盖物id
+     * @param {Function} callback 事件触发后的回调函数
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {String} eventType  事件类型 默认拖拽结束事件
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.bindEventForCovering = function (coveringId, callback) {
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var eventType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'draggEnd';
+      var map3dObj = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (typeof callback !== 'function') {
+        return;
+      }
+      //图层监听点击事件 修改点位信息
+      var _map3dObj$bindEventFo2 = map3dObj.bindEventForCovering(eventType, callback, layerId, coveringId, false),
+        ErrCode = _map3dObj$bindEventFo2.ErrCode,
+        ErrMsg = _map3dObj$bindEventFo2.ErrMsg,
+        Id = _map3dObj$bindEventFo2.Id;
+      if (0 !== ErrCode) {
+        console.error('bindEventForCovering ==> ', ErrCode, ErrMsg);
+      }
+      return 0 === ErrCode ? Id : '';
+    };
+    /**
+     * 覆盖物解绑事件
+     * @param {String} eventId    事件id
+     * @param {String} coveringId 覆盖物id
+     * @param {String} layerId    图层id（默认公共图层）
+     * @param {String} eventType  事件类型 默认拖拽结束事件
+     * @param {Object} map3dObj   地图对象（默认全局地图）
+     */
+    _this.offEventForCovering = function (eventId, coveringId) {
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var eventType = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'draggEnd';
+      var map3dObj = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : map3D;
+      if (!map3dObj || !eventId) {
+        return;
+      }
+      map3dObj.offEventForCovering(eventType, layerId, coveringId, eventId);
+    };
+    //#endregion
+    //#region 加载地图
+    /**
+     * 获取地图相关配置参数 记载对应的地图
+     * @param {Function} callback 回调函数
+     */
+    _this._getMapCfg = function (callback) {
+      var query = {
+        method: 'GET',
+        url: '/map/api/mapCfg/v2',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: window['v5Token']
+        }
+      };
+      axios(query).then(function (_ref) {
+        var data = _ref.data;
+        if (data.ErrCode === 0) {
+          callback && callback({
+            ViewLng: data.ViewLng,
+            ViewLat: data.ViewLat,
+            ViewZoom: data.ViewZoom,
+            MapSelect: data.MapSelect
+          });
+        } else {
+          callback && callback(null);
+        }
+      }).catch(function (err) {
+        callback && callback(null);
+      });
+    };
+    /**
+     * 设置中心点
+     * @param {Number} lng  经度
+     * @param {Number} lat  纬度
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.setMapCenter = function (_ref2) {
+      var lng = _ref2.lng,
+        lat = _ref2.lat;
+      var map3dObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      map3dObj.setCenter({
+        lng: lng - 0 || 0,
+        lat: lat - 0 || 0
+      });
+    };
+    //#endregion
+    //#region Overlay点位
+    /**
+     * 创建点  支持批量
+     * @param {Array} points 点位数组 [{ lng, lat, image, name, id }, ...]   id若不设置则返回一个自定义的id值
+     * @param {Boolean} draggable 是否可拖拽
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.createOverlays = function (points) {
+      var draggable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(points instanceof Array)) {
+        return;
+      }
+      var overlays = [];
+      //默认红色点位
+      points.forEach(function (_ref3) {
+        var _ref3$lng = _ref3.lng,
+          lng = _ref3$lng === void 0 ? 0 : _ref3$lng,
+          _ref3$lat = _ref3.lat,
+          lat = _ref3$lat === void 0 ? 0 : _ref3$lat,
+          _ref3$image = _ref3.image,
+          image = _ref3$image === void 0 ? redPoint : _ref3$image,
+          name = _ref3.name,
+          time = _ref3.time,
+          id = _ref3.id;
+        var text = undefined === name ? _this.pointTextNum + '' : name + '';
+        var _map3dObj$addOverlay = map3dObj.addOverlay(layerId, {
+            attr: {
+              position: {
+                lng: lng - 0,
+                lat: lat - 0,
+                height: 1
+              },
+              id: id,
+              draggable: draggable
+            },
+            style: {
+              image: image,
+              pixelOffset: {
+                x: 0,
+                y: -10
+              }
+            },
+            labelStyle: {
+              text: text,
+              font: '12px sans-serif',
+              fillColor: '#FFFFFF',
+              backgroundColor: '#FFFFFF',
+              pixelOffset: {
+                x: 0,
+                y: -12
+              }
+            }
+          }),
+          ErrCode = _map3dObj$addOverlay.ErrCode,
+          ErrMsg = _map3dObj$addOverlay.ErrMsg,
+          Id = _map3dObj$addOverlay.Id;
+        if (0 === ErrCode) {
+          if (undefined === name) {
+            _this.pointTextNum++;
+          }
+          overlays.push({
+            id: Id,
+            index: text,
+            time: time ? moment(time).format('YYYY-MM-DD HH:mm:ss') : moment().format('YYYY-MM-DD HH:mm:ss'),
+            lng: lng,
+            lat: lat,
+            show: true
+          });
+        } else {
+          console.error('addOverlay ==> ', ErrCode, ErrMsg);
+        }
+      });
+      return 0 !== overlays.length ? overlays : null;
+    };
+    /**
+     * 设置标记是够可拖拽
+     * @param {Array} ids 已创建的标记数组 [id, ...] 或 [{id}, ...]
+     * @param {Boolean} draggable 是否可拖拽
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.setOverlayDraggable = function (ids) {
+      var draggable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(ids instanceof Array)) {
+        return;
+      }
+      ids.forEach(function (item) {
+        //ids数组支持[id, ...] /  [{id}, ...]两种格式
+        var id = typeof item === 'string' ? item : item.id;
+        map3dObj.overlayDraggable(draggable, layerId, id);
+      });
+    };
+    /**
+     * 更新点位图标  支持批量
+     * @param {Array} ids 已创建的点位id数组 [id, ...] 或 [{id}, ...]
+     * @param {Image/object} overlay 更换的图标 默认蓝色点位图标  或者需设置的样式
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.setOverlayStyles = function (ids) {
+      var overlay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : bluePoint;
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(ids instanceof Array)) {
+        return;
+      }
+      var newStyle = overlay && _typeof(overlay) === 'object' ? overlay : {
+        style: {
+          image: overlay
+        }
+      };
+      ids.forEach(function (item) {
+        //ids数组支持[id, ...] /  [{id}, ...]两种格式
+        var id = typeof item === 'string' ? item : item.id;
+        //2D地图 在点位移除后再更新点位 导致白屏   3D地图底层有适配，无此问题
+        try {
+          map3dObj.setOverlayStyle(layerId, id, newStyle);
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    };
+    /**
+     * 删除点位  支持批量
+     * @param {Array} idAry 已创建的点位id数组 [id, ...] 或 [{id}, ...]
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.deleteOverlays = function (idAry) {
+      var layerId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(idAry instanceof Array)) {
+        return;
+      }
+      //如果没有指定点位  则删除该图层下所有点位
+      if (layerId && 0 === idAry.length) {
+        map3dObj.clearOverlayByLayer(layerId);
+        return;
+      }
+      idAry.forEach(function (item) {
+        //idAry数组支持[id, ...] /  [{id}, ...]两种格式
+        var id = typeof item === 'string' ? item : item.id;
+        map3dObj.deleteOverlay(layerId, id);
+      });
+    };
+    /**
+     * 显示、隐藏点位
+     * @param {Array} pointAry   轨迹中点位数组 [{ id }, ...] / [id, ...]
+     * @param {Boolean} state    显示/隐藏
+     * @param {String} layerId   图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.setOverlaysVisiable = function (pointAry) {
+      var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(pointAry instanceof Array)) {
+        return;
+      }
+      pointAry.forEach(function (item) {
+        //idAry数组支持[id, ...] /  [{id}, ...]两种格式
+        var id = typeof item === 'string' ? item : item.id;
+        map3dObj.setOverlayVisiable(layerId, id, state);
+      });
+    };
+    //#endregion
+    //#region DOM点
+    /**
+     * 创建DOM点位  支持批量
+     * @param {Array} domPoints dom点位数组[{ dom, point: {lng, lat, top} }]
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.ceateDoms = function (domPoints) {
+      var layerId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(domPoints instanceof Array)) {
+        return;
+      }
+      var ids = [];
+      domPoints.forEach(function (_ref4) {
+        var dom = _ref4.dom,
+          point = _ref4.point;
+        var lng = point.lng,
+          lat = point.lat,
+          _point$top = point.top,
+          top = _point$top === void 0 ? 40 : _point$top;
+        var _map3dObj$createDomPo = map3dObj.createDomPoint(layerId, {
+            dom: dom,
+            position: {
+              lng: lng,
+              lat: lat,
+              height: 0
+            },
+            align: 'center',
+            top: top
+          }),
+          ErrCode = _map3dObj$createDomPo.ErrCode,
+          ErrMsg = _map3dObj$createDomPo.ErrMsg,
+          PointId = _map3dObj$createDomPo.PointId;
+        if (0 === ErrCode) {
+          ids.push(PointId);
+        } else {
+          console.error('createDomPoint ==> ', ErrCode, ErrMsg);
+        }
+      });
+      return 0 !== ids.length ? ids : null;
+    };
+    /**
+     * 更新DOM点位  支持批量
+     * @param {Array} domPoints dom点位数组[{ domId, point: {lng, lat} }]
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.updateDoms = function (domPoints) {
+      var layerId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(domPoints instanceof Array)) {
+        return;
+      }
+      domPoints.forEach(function (_ref5) {
+        var domId = _ref5.domId,
+          point = _ref5.point;
+        var lng = point.lng,
+          lat = point.lat;
+        map3dObj.updateDomPoint(layerId, domId, {
+          position: {
+            lng: lng,
+            lat: lat,
+            height: 0
+          },
+          align: 'center'
+          // top: 40  此值会导致更新后的点位漂移
+        });
+      });
+    };
+    /**
+     * 设置dom点显示状态  支持批量
+     * @param {Array} domPoints dom点位数组 [{ id }, ...] / [id, ...]
+     * @param {Boolean} state    显示/隐藏
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.setDomPointsVisiable = function (domPoints) {
+      var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(domPoints instanceof Array)) {
+        return;
+      }
+      domPoints.forEach(function (item) {
+        var id = typeof item === 'string' ? item : item.id;
+        map3dObj.setDomPointVisiable(layerId, id, state);
+      });
+    };
+    /**
+     * 移除dom卡片  支持批量
+     * @param {Array} domPoints dom点位数组 [{ id }, ...] / [id, ...]
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.deleteDomPoints = function (domPoints) {
+      var layerId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(domPoints instanceof Array)) {
+        return;
+      }
+      domPoints.forEach(function (item) {
+        var id = typeof item === 'string' ? item : item.id;
+        //概现移除dom卡片，地图组件报错白屏  原因不明，所以try catch处理
+        try {
+          map3dObj.deleteDomPoint(layerId, id);
+        } catch (e) {
+          console.error(e);
+        }
+      });
+    };
+    //#endregion
+    //#region 线
+    /**
+     * 画线  支持批量
+     * @param {Array} pointAry 点位数据  传入点位数组，点位之间连线 [{lng, lat}, ...]
+     * @param {Array} color 线条颜色[r, g, b]
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.createLines = function (pointAry) {
+      var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(pointAry instanceof Array)) {
+        return;
+      }
+      if (pointAry.length < 2) {
+        return;
+      }
+      var _color = _slicedToArray(color, 3),
+        _color$ = _color[0],
+        r = _color$ === void 0 ? 255 : _color$,
+        _color$2 = _color[1],
+        g = _color$2 === void 0 ? 0 : _color$2,
+        _color$3 = _color[2],
+        b = _color$3 === void 0 ? 0 : _color$3;
+      var ids = [];
+      pointAry.slice(1).forEach(function (point2, index) {
+        var point1 = pointAry[index];
+        var _map3dObj$createLine = map3dObj.createLine(layerId, {
+            style: {
+              positions: [{
+                lng: point1.lng,
+                lat: point1.lat,
+                height: 0
+              }, {
+                lng: point2.lng,
+                lat: point2.lat,
+                height: 0
+              }],
+              width: 3,
+              material: {
+                type: 'color',
+                value: {
+                  color: "rgba(".concat(r, ",").concat(g, ",").concat(b, ",1)")
+                }
+              }
+            }
+          }),
+          ErrCode = _map3dObj$createLine.ErrCode,
+          ErrMsg = _map3dObj$createLine.ErrMsg,
+          Id = _map3dObj$createLine.Id;
+        if (0 === ErrCode) {
+          ids.push(Id);
+        } else {
+          console.error('createLine ==> ', ErrCode, ErrMsg);
+        }
+      });
+      return ids;
+    };
+    //#endregion
+    //#region 轨迹
+    /**
+     * 轨迹绘制
+     * @param {Array} trackData 用于绘制轨迹的点位数据 [{lng, lat, time}, ...]
+     * @param {Array} color 线条颜色[r, g, b]
+     * @param {Number} width 轨迹线宽
+     * @param {Object} image 运动轨迹的图形
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.addTrack = function (trackData) {
+      var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+      var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 5;
+      var image = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : moveDefault;
+      var speed = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 5;
+      var map3dObj = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (trackData.length < 2) {
+        return;
+      }
+      _this.setMapCenter({
+        lng: trackData[0].lng,
+        lat: trackData[0].lat
+      }, map3dObj);
+      var _color2 = _slicedToArray(color, 3),
+        _color2$ = _color2[0],
+        r = _color2$ === void 0 ? 231 : _color2$,
+        _color2$2 = _color2[1],
+        g = _color2$2 === void 0 ? 35 : _color2$2,
+        _color2$3 = _color2[2],
+        b = _color2$3 === void 0 ? 35 : _color2$3;
+      //将点位时间转换为两点间的时间间隔
+      var newTrackData = trackData.map(function (_ref6, index) {
+        var _ref6$lng = _ref6.lng,
+          lng = _ref6$lng === void 0 ? 0 : _ref6$lng,
+          _ref6$lat = _ref6.lat,
+          lat = _ref6$lat === void 0 ? 0 : _ref6$lat,
+          time = _ref6.time;
+        return {
+          coord: [lng - 0, lat - 0, 0],
+          time: 0 === index ? 0 : (moment(time).valueOf() - moment(trackData[0].time).valueOf()) / 1000
+        };
+      });
+      var _map3dObj$addTrack = map3dObj.addTrack({
+          trackData: newTrackData,
+          trackStyle: {
+            width: width,
+            color: [r, g, b, 255],
+            image: {
+              image: image
+            },
+            outlineWidth: 1,
+            outlineColor: [r, g, b, 255]
+          },
+          speed: speed,
+          isLoop: true
+        }),
+        ErrCode = _map3dObj$addTrack.ErrCode,
+        ErrMsg = _map3dObj$addTrack.ErrMsg,
+        Id = _map3dObj$addTrack.Id;
+      if (0 === ErrCode) {
+        return Id;
+      }
+      console.error('addTrack ==> ', ErrCode, ErrMsg);
+      return null;
+    };
+    /**
+     * 显示/隐藏轨迹
+     * @param {String} trackId  轨迹id
+     * @param {Boolean} state    显示/隐藏
+     * @param {Array} pointAry 轨迹中点位数组 [{ id }, ...] / [id, ...]
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.setTrackVisiable = function (trackId) {
+      var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var pointAry = arguments.length > 2 ? arguments[2] : undefined;
+      var layerId = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      _this.setOverlaysVisiable(pointAry, state, layerId, map3dObj);
+      if (trackId) {
+        map3dObj.setTrackVisiable(trackId, state);
+      }
+    };
+    /**
+     * 移除轨迹
+     * @param {String} trackId  轨迹id
+     * @param {Array} pointAry 轨迹中点位数组 [{ id }, ...] / [id, ...]
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.removeTrack = function (trackId, pointAry) {
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      _this.deleteOverlays(pointAry, layerId, map3dObj);
+      //若未指定删除的轨迹id   则删除全部
+      if (!trackId) {
+        map3dObj.removeAllTrack();
+        return;
+      }
+      if (!trackId) {
+        return;
+      }
+      map3dObj.removeTrack(trackId);
+    };
+    /**
+     * 轨迹暂停
+     * @param {String} trackId 轨迹Id
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.stopTrack = function (trackId) {
+      var map3dObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      map3dObj.stopTrack(trackId);
+    };
+    /**
+     * 轨迹播放
+     * @param {String} trackId 轨迹Id
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.startTrack = function (trackId) {
+      var map3dObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      map3dObj.startTrack(trackId);
+    };
+    /**
+     * 设置轨迹播放速度
+     * @param {String} trackInfo 轨迹Id
+     * @param {Number} speed 轨迹播放速度
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.changeTrackSpeed = function (trackId, speed) {
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!trackId) {
+        return;
+      }
+      map3dObj.changeTrackSpeed(trackId, speed);
+    };
+    /**
+     * 设置轨迹进度
+     * @param {String} trackInfo 轨迹Id
+     * @param {Number} process 轨迹播放进度
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.setTrackProcess = function (trackId, process) {
+      var map3dObj = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!trackId) {
+        return;
+      }
+      map3dObj.setTrackProcess(trackId, process);
+    };
+    /**
+     * 读取轨迹进度
+     * @param {String} trackInfo 轨迹Id
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.getTrackProcess = function (trackId) {
+      var map3dObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : map3D;
+      if (!map3dObj) {
+        return '';
+      }
+      if (!trackId) {
+        return '';
+      }
+      var _map3dObj$getTrackPro = map3dObj.getTrackProcess(trackId),
+        ErrCode = _map3dObj$getTrackPro.ErrCode,
+        Process = _map3dObj$getTrackPro.Process;
+      if (0 === ErrCode) {
+        return Process;
+      }
+      return '';
+    };
+    /**
+     * 启动轨迹
+     * @param {String} trackId 轨迹Id
+     * @param {Object} map3dObj 地图对象
+     */
+    _this.restartTrack = function (trackId) {
+      var map3dObj = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : map3D;
+      if (!map3dObj) {
+        return '';
+      }
+      if (!trackId) {
+        return '';
+      }
+      _this.setTrackProcess(trackId, 0, map3dObj);
+      _this.startTrack(trackId, map3dObj);
+    };
+    //#endregion
+    //#region 圆
+    /**
+     * 创建圆
+     * @param {Array} points 点位数组 [{ lng, lat, spaceRange }, ...]
+     * @param {Object} holdZoomInfo 支持圆拖拽的信息 { canChangeSize: Boolean, callback: Function, mapDom: HTMLElement }
+     * @param {String} layerId 图层id（默认公共图层）
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.createCircles = function (points, holdZoomInfo) {
+      var layerId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _this._createCommonLayer();
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      if (!(points instanceof Array)) {
+        return;
+      }
+      var ids = [];
+      points.forEach(function (_ref7) {
+        var _ref7$lng = _ref7.lng,
+          lng = _ref7$lng === void 0 ? 0 : _ref7$lng,
+          _ref7$lat = _ref7.lat,
+          lat = _ref7$lat === void 0 ? 0 : _ref7$lat,
+          index = _ref7.index,
+          spaceRange = _ref7.spaceRange,
+          _ref7$draggable = _ref7.draggable,
+          draggable = _ref7$draggable === void 0 ? false : _ref7$draggable;
+        var _map3dObj$createCircl = map3dObj.createCircle(layerId, {
+            attr: {
+              position: {
+                lng: lng,
+                lat: lat,
+                height: 0
+              },
+              draggable: draggable
+            },
+            style: {
+              semiMinorAxis: spaceRange,
+              semiMajorAxis: spaceRange,
+              material: {
+                type: 'color',
+                value: {
+                  color: 'rgba(243, 51, 59, 0.3)'
+                }
+              },
+              outline: true,
+              outlineColor: 'rgba(255, 117, 123, 1)'
+            },
+            labelStyle: {
+              text: spaceRange + 'm',
+              style: 2,
+              font: '12px sans-serif',
+              fillColor: '#000000',
+              outlineColor: '#000000',
+              outlineWidth: 1,
+              pixelOffset: {
+                x: 0,
+                y: 20
+              }
+            }
+          }),
+          ErrCode = _map3dObj$createCircl.ErrCode,
+          ErrMsg = _map3dObj$createCircl.ErrMsg,
+          Id = _map3dObj$createCircl.Id;
+        if (0 === ErrCode) {
+          ids.push({
+            index: index,
+            id: Id
+          });
+          // canChangeSize  是否支持放大缩小（默认不支持）
+          // callback   缩放后的回调
+          // mapDom 地图挂载的节点（默认全局地图DOM节点）
+          var _ref8 = holdZoomInfo || {},
+            _ref8$canChangeSize = _ref8.canChangeSize,
+            canChangeSize = _ref8$canChangeSize === void 0 ? false : _ref8$canChangeSize,
+            callback = _ref8.callback,
+            _ref8$mapDom = _ref8.mapDom,
+            mapDom = _ref8$mapDom === void 0 ? mapDom3D : _ref8$mapDom;
+          //支持拖拽缩放
+          if (canChangeSize) {
+            _this._holdChangeCircleSize({
+              Id: Id,
+              index: index,
+              defaultSize: spaceRange,
+              centerLng: lng,
+              centerLat: lat
+            }, callback, mapDom, layerId, map3dObj);
+          }
+        } else {
+          console.error('createCircle ==> ', ErrCode, ErrMsg);
+        }
+      });
+      return 0 !== ids.length ? ids : null;
+    };
+    /**
+     * 圆 支持拖拽缩放
+     * @param {Object} circleInfo 圆标记初始信息
+     * @param {Function} callBack 拖拽缩放后的圆信息
+     * @param {HTMLElement} mapDom  地图挂载的节点，或者DOM对象
+     * @param {String} layerId 图层id
+     * @param {Object} map3dObj  地图对象
+     */
+    _this._holdChangeCircleSize = function (circleInfo, callBack, mapDom, layerId, map3dObj) {
+      var Id = circleInfo.Id,
+        defaultSize = circleInfo.defaultSize,
+        centerLng = circleInfo.centerLng,
+        centerLat = circleInfo.centerLat;
+      //监听地图mouseDown事件  开始拖拽
+      if (!_this.mapMouseDownFunc) {
+        _this.mapMouseDownFunc = _this.bindEventForMap(function (e) {
+          if (!_this.nowZoomCircle) {
+            return;
+          }
+          var _this$nowZoomCircle = _this.nowZoomCircle,
+            Id = _this$nowZoomCircle.Id,
+            index = _this$nowZoomCircle.index,
+            defaultSize = _this$nowZoomCircle.defaultSize,
+            centerLng = _this$nowZoomCircle.centerLng,
+            centerLat = _this$nowZoomCircle.centerLat;
+          var distance = _this.getDistance({
+            lng: centerLng,
+            lat: centerLat
+          }, e);
+          //若mouseDown时，不在拖拽区域  则退出
+          if (defaultSize > 40 && defaultSize - distance > 40) {
+            return;
+          }
+          //解除地图本身拖拽
+          map3dObj.setMapDraggable(false);
+          //记录开始拖拽的圆信息
+          _this.startZoomCircle = {
+            id: Id,
+            index: index,
+            size: defaultSize,
+            centerLng: centerLng,
+            centerLat: centerLat
+          };
+          //监听地图mouseUp事件  拖拽结束
+          if (!_this.mapMouseUpFunc) {
+            _this.mapMouseUpFunc = _this.bindEventForMap(function (e) {
+              var _this$startZoomCircle = _this.startZoomCircle,
+                id = _this$startZoomCircle.id,
+                index = _this$startZoomCircle.index,
+                size = _this$startZoomCircle.size,
+                centerLng = _this$startZoomCircle.centerLng,
+                centerLat = _this$startZoomCircle.centerLat;
+              //地图移动恢复
+              map3dObj.setMapDraggable(true);
+              //解绑地图mouseUp事件
+              _this.removeEventForMap(_this.mapMouseUpFunc, 'mouseUp', map3dObj);
+              _this.mapMouseUpFunc = null;
+              //解绑地图mouseMove事件
+              _this.removeEventForMap(_this.mapMouseMoveFunc, 'mouseMove', map3dObj);
+              _this.mapMouseMoveFunc = null;
+              //拖拽结束后 恢复鼠标样式
+              if (_this.defaultCursorStyle !== undefined) {
+                mapDom.style.cursor = _this.defaultCursorStyle;
+                _this.defaultCursorStyle = undefined;
+              }
+              if (typeof callBack === 'function') {
+                callBack({
+                  id: id,
+                  index: index,
+                  size: size,
+                  centerLng: centerLng,
+                  centerLat: centerLat
+                });
+              }
+              //重置数据
+              _this.nowZoomCircle = null;
+              _this.startZoomCircle = null;
+            }, 'mouseUp', map3dObj);
+          }
+          //监听地图mouseMove事件  拖拽中
+          if (!_this.mapMouseMoveFunc) {
+            _this.mapMouseMoveFunc = _this.bindEventForMap(function (e) {
+              if (_this.startZoomCircle) {
+                var _this$startZoomCircle2 = _this.startZoomCircle,
+                  _centerLng = _this$startZoomCircle2.centerLng,
+                  _centerLat = _this$startZoomCircle2.centerLat;
+                var _distance = _this.getDistance({
+                  lng: _centerLng,
+                  lat: _centerLat
+                }, e);
+                //实时更新圆的半径
+                map3dObj.setOverlayStyle(layerId, _this.startZoomCircle.id, {
+                  style: {
+                    semiMinorAxis: _distance,
+                    semiMajorAxis: _distance
+                  },
+                  labelStyle: {
+                    text: _distance + 'm'
+                  }
+                });
+                _this.startZoomCircle = _objectSpread(_objectSpread({}, _this.startZoomCircle), {
+                  size: _distance
+                });
+              }
+            }, 'mouseMove', map3dObj);
+          }
+        }, 'mouseDown', map3dObj);
+      }
+      //监听圆标记moveOver事件  确认允许拖拽区域
+      _this.bindEventForCovering(Id, function (e) {
+        var distance = _this.getDistance({
+          lng: centerLng,
+          lat: centerLat
+        }, e);
+        //只有 圆半径小于等于 40 或 在边界40m内 允许拖拽
+        if (!_this.startZoomCircle && (defaultSize <= 40 || defaultSize - distance <= 40)) {
+          //记录当前支持拖拽的圆信息
+          _this.nowZoomCircle = circleInfo;
+          //更改鼠标样式为拖拽样式
+          if (mapDom.style.cursor !== 'all-scroll') {
+            _this.defaultCursorStyle = mapDom.style.cursor;
+            mapDom.style.cursor = 'all-scroll';
+          }
+        } else if (!_this.startZoomCircle && _this.nowZoomCircle && _this.nowZoomCircle.Id === Id && _this.defaultCursorStyle !== undefined) {
+          //移出当前圆的拖拽区域 重置支持拖拽的圆信息
+          _this.nowZoomCircle = null;
+          //重置鼠标样式
+          mapDom.style.cursor = _this.defaultCursorStyle;
+          _this.defaultCursorStyle = undefined;
+        }
+      }, layerId, 'moveOver', map3dObj);
+      //监听圆标记moveOut事件  重置
+      _this.bindEventForCovering(Id, function () {
+        //移出当前圆的拖拽区域 重置支持拖拽的圆信息  重置鼠标样式
+        if (!_this.startZoomCircle && _this.nowZoomCircle && _this.nowZoomCircle.Id === Id && _this.defaultCursorStyle !== undefined) {
+          _this.nowZoomCircle = null;
+          mapDom.style.cursor = _this.defaultCursorStyle;
+          _this.defaultCursorStyle = undefined;
+        }
+      }, layerId, 'moveOut', map3dObj);
+    };
+    //#endregion
+    //#region 图形检索
+    /**
+     * 启动图形检索
+     * @param {String} type 绘制的类型
+     * @param {String} sourceType  资源类型 分号隔开
+     * @param {String} layerIds  图层id  分号隔开
+     * @param {Function} callBack   框选完成时的回调
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.drawSel = function (type) {
+      var sourceType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var callBack = arguments.length > 2 ? arguments[2] : undefined;
+      var map3dObj = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : map3D;
+      var layerIds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
+      var callBackForClean = arguments.length > 5 ? arguments[5] : undefined;
+      if (!map3dObj) {
+        return;
+      }
+      if (!['line', 'circle', 'rectangle', 'polygon'].includes(type)) {
+        return;
+      }
+      map3dObj.drawOverlay({
+        drawOverlayType: 'line' === type ? 'lineSelect' : type,
+        drawOverlayStyle: {
+          ishighest: true,
+          extrudedHeight: 0
+        },
+        callback: function () {
+          var _callback = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(type, option) {
+            var options, geomery, lng, lat, size;
+            return _regenerator().w(function (_context) {
+              while (1) switch (_context.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]) {
+                    _context.n = 1;
+                    break;
+                  }
+                  return _context.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;
+                  _context.n = 2;
+                  return getPointsByDraw(sourceType, map3dObj, layerIds, geomery, lng, lat, size, function (result) {
+                    callBack && callBack(result);
+                  });
+                case 2:
+                  return _context.a(2);
+              }
+            }, _callee);
+          }));
+          function callback(_x, _x2) {
+            return _callback.apply(this, arguments);
+          }
+          return callback;
+        }(),
+        callbackForClean: function callbackForClean() {
+          callBackForClean && callBackForClean();
+        }
+      });
+    };
+    /**
+     * 清除地图的框选
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     */
+    _this.clearDrawSel = function () {
+      var map3dObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : map3D;
+      if (!map3dObj) {
+        return;
+      }
+      map3dObj.clearDrawOverlay();
+    };
+    //#endregion
+    //#region 遍历获取点位资源
+    /**
+     * 递归返回Object的对应值（也可递归更新对应的值）
+     * @param {Object} obj       待处理的数据
+     * @param {Array}  ary       需要递归的层级结构
+     */
+    _this._recursiveHandle = function (obj, ary) {
+      if (!(ary instanceof Array) || !obj) {
+        return;
+      }
+      if (0 === ary.length) {
+        return obj;
+      }
+      return _this._recursiveHandle(obj[ary[0]], ary.slice(1));
+    };
+    /**
+     * 获取指定图层下所有资源的id
+     * 使用该方法  需要特别注意 nowCoordinate 与  点位资源  坐标系保持一致
+     * @param {Array} layers 图层id数组    必填
+     * @param {Object} nowCoordinate 当前坐标信息 { lng: 120, lat: 30}
+     * @param {Array} num 返回条数（前num条）
+     * @param {Funtion} checkCondition 过滤筛选条件  除距离以外的筛选条件  非必填
+     * @param {Numeber} distance 距离限制 单位m
+     * @param {Object} map3dObj  地图对象（默认全局地图）
+     * @param {Boolean} excludeSelf 若点击的是feature元素时，返回数据是否需要排除自身  (默认不排除自身)
+     * @param {Object} coordinateRule  经纬度取值 （默认{ lngRule: ['Lng'], latRule: ['Lat'] }） 即markerData.Lng读取经度 markerData.Lat读取纬度
+     */
+    _this.getLayerSources = function (_ref9) {
+      var layers = _ref9.layers,
+        nowCoordinate = _ref9.nowCoordinate,
+        num = _ref9.num,
+        checkCondition = _ref9.checkCondition,
+        distance = _ref9.distance,
+        excludeSelf = _ref9.excludeSelf,
+        _ref9$map3dObj = _ref9.map3dObj,
+        map3dObj = _ref9$map3dObj === void 0 ? map3D : _ref9$map3dObj,
+        _ref9$coordinateRule = _ref9.coordinateRule,
+        coordinateRule = _ref9$coordinateRule === void 0 ? {
+          lngRule: ['Lng'],
+          latRule: ['Lat']
+        } : _ref9$coordinateRule;
+      if (!map3dObj) {
+        return [];
+      }
+      if (!(layers instanceof Array) || 0 === layers.length) {
+        return [];
+      }
+      var errorList = [];
+      var result = [];
+      //循环图层
+      layers.forEach(function (layer) {
+        //获取指定图层下所有资源的id
+        var allSource = map3dObj.getLayerSource(layer + '');
+        if (0 !== allSource.ErrCode || !(allSource.Resource instanceof Array)) {
+          errorList.push({
+            layer: layer,
+            desc: 'getLayerSource fail',
+            errMsg: allSource.ErrMsg
+          });
+          return;
+        }
+        allSource.Resource.forEach(function (item) {
+          if (!item) {
+            errorList.push({
+              layer: layer,
+              desc: 'some resource not find'
+            });
+            return;
+          }
+          var markerData = JSON.parse(item);
+          //可以指定除测距以外的筛选条件  保证只获取想需要的点位
+          if (!checkCondition || typeof checkCondition === 'function' && checkCondition(markerData)) {
+            //nowCoordinate存在  就说明点位需要扩展distance距离信息
+            if (nowCoordinate && typeof nowCoordinate.lng === 'number' && typeof nowCoordinate.lat === 'number') {
+              var _ref0 = coordinateRule || {},
+                lngRule = _ref0.lngRule,
+                latRule = _ref0.latRule;
+              var lng = _this._recursiveHandle(markerData, lngRule);
+              var lat = _this._recursiveHandle(markerData, latRule);
+              if (!lng && 0 !== lng || !lat && 0 !== lat) {
+                errorList.push({
+                  layer: layer,
+                  desc: 'marker coordinate get fail',
+                  markerData: markerData
+                });
+                return;
+              }
+              lng = lng - 0;
+              lat = lat - 0;
+              if (typeof lng !== 'number' || isNaN(lng) || typeof lat !== 'number' || isNaN(lat)) {
+                errorList.push({
+                  layer: layer,
+                  desc: 'marker coordinate get fail',
+                  markerData: markerData
+                });
+                return;
+              }
+              var info = map3dObj.measureDistanceNoHeight(nowCoordinate, {
+                lng: lng,
+                lat: lat
+              }) || {};
+              if (0 !== info.ErrCode) {
+                errorList.push({
+                  layer: layer,
+                  desc: 'measureDistanceNoHeight fail',
+                  markerData: markerData
+                });
+                return;
+              }
+              //如果外部指定了distance距离限制  则只返回距离范围内特定的点位
+              if (distance && typeof distance === 'number') {
+                if (info.Distance <= distance) {
+                  result.push(Object.assign(markerData, {
+                    distance: info.Distance
+                  }));
+                }
+              } else {
+                result.push(Object.assign(markerData, {
+                  distance: info.Distance
+                }));
+              }
+            } else {
+              result.push(markerData);
+            }
+          }
+        });
+      });
+      if (0 !== errorList.length) {
+        console.error('getSortFeatures失败列表', errorList);
+      }
+      //按距离远近排序（从近到远）
+      if (nowCoordinate && typeof nowCoordinate.lng === 'number' && typeof nowCoordinate.lat === 'number') {
+        result.sort(function (a, b) {
+          return a.distance - b.distance;
+        });
+      }
+      //返回固定前几条或全部
+      return typeof num === 'number' ? result.slice(excludeSelf ? 1 : 0, num) : result;
+    };
+    //#endregion
+    // #region 图源切换
+    /**
+     * 获取配置文件及第三方地图信息
+     */
+    _this.getMapResource = function (callBack) {
+      // 请求配置图源信息
+      var allMapSourceArr = [];
+      axios.get('./MapConfigurationConf/GISMapSource.json').then(function (res) {
+        if (res.status === 200 && res.data && res.data instanceof Array) {
+          allMapSourceArr = res.data;
+        }
+      }).finally(function () {
+        // 请求地图服务器上传的图源配置信息
+        getMapSeverThirdMap(function (res) {
+          if (res && res.Infos && res.Infos instanceof Array) {
+            var _allMapSourceArr;
+            var allMapSourceArrTemp = res.Infos.map(function (el) {
+              return _objectSpread({
+                name: el.TitleName
+              }, el);
+            });
+            (_allMapSourceArr = allMapSourceArr).push.apply(_allMapSourceArr, _toConsumableArray(allMapSourceArrTemp));
+          }
+          callBack(allMapSourceArr);
+        });
+      });
+    };
+    /**
+     * 图源加载
+     * @param {Array} list 图源列表
+     * @param {Object} mapSelect 要切换的地图ID，如baidu2d，第三方的MapID,配置文件的'map-type'
+     * @param {Object} mapDom 地图对象
+     */
+    _this.mapResourceLoad = function () {
+      var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : mapResource;
+      var mapSelect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : mapCfgInfo.MapSelect;
+      var mapDom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : map3D;
+      var callback = arguments.length > 3 ? arguments[3] : undefined;
+      var defaultMap = ['baidu2d', 'gaode2d', 'google2d'];
+      // 百度高德谷歌地图切换
+      if (defaultMap.includes(mapSelect) || list.findIndex(function (item) {
+        return item.MapID === mapSelect;
+      }) > -1) {
+        var result = mapDom.switchFigureSource(mapSelect);
+        console.error('1225切换图源', result);
+        if (result.ErrCode === 0) {
+          callback && callback(result.Id);
+        }
+      } else {
+        list.forEach(function (item) {
+          var mapId = item.map + '-' + item.type;
+          if (mapId === mapSelect) {
+            var mapData = JSON.parse(JSON.stringify(item));
+            _this.switchConfigMap(mapData, mapDom, function (id) {
+              callback && callback(id);
+            });
+          }
+        });
+      }
+    };
+    /**
+     * 切换到配置文件图源
+     * @param {object} mapData 地图参数配置文件信息
+     * @param {object} mapDom 地图对象
+     * @returns null
+     */
+    _this.switchConfigMap = function (mapData) {
+      var mapDom = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : map3D;
+      var callback = arguments.length > 2 ? arguments[2] : undefined;
+      // 配置文件地图切换--用于对接
+      if (!mapData.MapID && (!mapData.name || !mapData.url || !mapData.map || !mapData.resolutions)) {
+        message.info('图源配置文件有误，请修改配置文件！');
+        return;
+      }
+      // 将对应参数函数字符串转化为函数，跟地图参数保持一致(目前就两参数需要函数类型)
+      if (mapData.customTags) {
+        var _mapData$customTags = mapData.customTags,
+          X = _mapData$customTags.X,
+          Y = _mapData$customTags.Y,
+          Z = _mapData$customTags.Z;
+        X && (mapData.customTags.X = eval('(false || ' + X + ')'));
+        Y && (mapData.customTags.Y = eval('(false || ' + Y + ')'));
+        Z && (mapData.customTags.Z = eval('(false || ' + Z + ')'));
+      }
+      if (mapData.newProj) {
+        var _mapData$newProj = mapData.newProj,
+          llToNewProjFunc = _mapData$newProj.llToNewProjFunc,
+          newProjToLLFunc = _mapData$newProj.newProjToLLFunc;
+        llToNewProjFunc && (mapData.newProj.llToNewProjFunc = eval('(false || ' + llToNewProjFunc + ')'));
+        newProjToLLFunc && (mapData.newProj.newProjToLLFunc = eval('(false || ' + newProjToLLFunc + ')'));
+      }
+      // 先创建地图服务，再添加图源图层
+      var result = mapDom.createMapSource(mapData);
+      if (result && result.ErrCode === 0) {
+        mapDom.addMapSourceLayer(result.Id);
+        callback && callback(result.Id);
+      }
+    };
+    /**
+     * 获取地图图源列表和地图配置信息--地图加载完成之后使用
+     * @param {function} callback 回调图源和配置信息
+     */
+    _this.getMapResListAndMapCfg = function (callback) {
+      callback && callback(mapResource, mapCfgInfo);
+    };
+    // #endregion
+    // #region 自定义聚合
+    /**
+     * 处理待聚合数据结构
+     * @param {object} data 点位数据
+     * @returns object
+     */
+    _this._getClusterObj = function (data) {
+      var coord = [data.Lng, data.Lat];
+      var geometry = {
+        coordinates: coord
+      };
+      return _defineProperty({
+        geometry: geometry
+      }, 'string', JSON.stringify(data));
+    };
+    /**
+     * 获取聚合数据
+     * @param {array} pointList 经纬度数字必填[{Lng, Lat, ...}, ...]
+     * @param {Array} range [west, south, east, north]西经度，南纬度，东经度， 北纬度
+     * @param {number} zoom 层级
+     * @param {number} radius 聚合半径（px）默认100
+     * @param {function} callback 回调
+     * @param {object} mapDom 地图对象
+     */
+    _this.getClusterResult = function (pointList, range, zoom) {
+      var radius = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 100;
+      var callback = arguments.length > 4 ? arguments[4] : undefined;
+      var mapDom = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : map3D;
+      var points = [];
+      pointList.forEach(function (item) {
+        var obj = _this._getClusterObj(item);
+        points.push(obj);
+      });
+      mapDom.createCluster(points, radius, function (_ref10) {
+        var ErrCode = _ref10.ErrCode,
+          ErrMsg = _ref10.ErrMsg,
+          Id = _ref10.Id;
+        if (ErrCode === 0) {
+          var result = mapDom.getClusterData(Id, range, zoom);
+          if (result.ErrCode === 0) {
+            callback(result.ClusterData);
+          } else {
+            console.error('获取聚合失败', result.ErrMsg);
+          }
+        } else {
+          console.error('创建聚合失败', ErrMsg);
+        }
+      });
+    };
+    _this.pointTextNum = 1; //点位创建序号（递增）
+    return _this;
+  } // #endregion
+  _inherits(Map3D, _React$PureComponent);
+  return _createClass(Map3D);
+}(React.PureComponent);
+export { Map3D as default };