@vtx/map 1.1.29 → 1.1.31

package/lib/VtxMap/TMap/TMap.js

@@ -25,12 +25,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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."); }
@@ -43,6 +37,12 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -156,6 +156,7 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       },
       controlStyle: 'lt'
     };
+    _this.frameSelectProps = {};
 
     _this.loadMapJs();
 
@@ -380,6 +381,83 @@ var TMap = /*#__PURE__*/function (_React$Component) {
       pointCollectionDiv["class"] = 'vtx_gmap_html_pointCollection_t';
       pointCollectionDiv.className = 'vtx_gmap_html_pointCollection_t';
       $(t.state.gis.getPanes().mapPane.children[0]).before(pointCollectionDiv);
+      t.initPropsForUser();
+    } // 初始化对外方法
+
+  }, {
+    key: "initPropsForUser",
+    value: function initPropsForUser() {
+      var t = this;
+
+      t.state.gis["frameSelect"] = function () {
+        var obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+        var callback = arguments.length > 1 ? arguments[1] : undefined;
+        return t.frameSelect(obj, callback);
+      };
+
+      t.state.gis["clearFrameSelect"] = function () {
+        return t.clearFrameSelect();
+      };
+
+      t.state.gis["clearFrameSelectById"] = function (id) {
+        return t.clearFrameSelectById(id);
+      };
+    } // 框选
+
+  }, {
+    key: "frameSelect",
+    value: function frameSelect(_ref, callback) {
+      var geometryType = _ref.geometryType,
+          _ref$parameter = _ref.parameter,
+          parameter = _ref$parameter === void 0 ? {} : _ref$parameter,
+          _ref$data = _ref.data,
+          data = _ref$data === void 0 ? {} : _ref$data;
+
+      if (!['polygon', 'circle', 'rectangle'].includes(geometryType)) {
+        message.warn("传入的类型不支持框选！");
+        return false;
+      }
+
+      var t = this;
+      var params = {},
+          type = geometryType || 'polygon',
+          id = data.id || "frameSelectFeature_".concat(Math.random());
+      params.color = parameter.color || 'red';
+      params.lineColor = parameter.lineColor || 'red';
+      params.lineOpacity = parameter.lineOpacity || 1;
+      params.lineWidth = parameter.lineWidth || 2;
+      params.pellucidity = parameter.pellucidity || 0.6;
+      params.lineType = parameter.lineType || 'solid';
+      t.draw({
+        geometryType: type,
+        parameter: _objectSpread(_objectSpread({}, parameter), params),
+        data: {
+          id: id
+        }
+      });
+      t.frameSelectProps[id] = {
+        callback: callback,
+        id: id,
+        type: geometryType
+      };
+    } // 清除框选
+
+  }, {
+    key: "clearFrameSelect",
+    value: function clearFrameSelect() {
+      for (var key in this.frameSelectProps) {
+        this.removeGraphic(this.frameSelectProps[key].id, this.frameSelectProps[key].type);
+      }
+
+      this.frameSelectProps = {};
+    } // 清除框选ById
+
+  }, {
+    key: "clearFrameSelectById",
+    value: function clearFrameSelectById(id) {
+      var obj = this.frameSelectProps[id];
+      this.removeGraphic(obj.id, obj.type);
+      delete this.frameSelectProps[id];
     }
   }, {
     key: "setMapType",
@@ -2007,6 +2085,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           this.polygonTool = new T.PolygonTool(this.state.gis, paramgcr);
           this.polygonTool.open();
           this.polygonTool.addEventListener('draw', function (ob) {
+            var _t$frameSelectProps$b;
+
             var type = ob.type,
                 target = ob.target,
                 currentLnglats = ob.currentLnglats,
@@ -2060,6 +2140,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
+
+            if (((_t$frameSelectProps$b = t.frameSelectProps[backobj.id]) === null || _t$frameSelectProps$b === void 0 ? void 0 : _t$frameSelectProps$b.callback) instanceof Function) {
+              t.frameSelectProps[backobj.id].callback(backobj);
+            }
           });
           break;
 
@@ -2068,6 +2152,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           this.circleTool = new T.CircleTool(this.state.gis, paramgcr);
           this.circleTool.open();
           this.circleTool.addEventListener('drawend', function (ob) {
+            var _t$frameSelectProps$b2;
+
             var type = ob.type,
                 target = ob.target,
                 currentCenter = ob.currentCenter,
@@ -2115,6 +2201,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
+
+            if (((_t$frameSelectProps$b2 = t.frameSelectProps[backobj.id]) === null || _t$frameSelectProps$b2 === void 0 ? void 0 : _t$frameSelectProps$b2.callback) instanceof Function) {
+              t.frameSelectProps[backobj.id].callback(backobj);
+            }
           });
           break;
 
@@ -2123,6 +2213,8 @@ var TMap = /*#__PURE__*/function (_React$Component) {
           this.rectangleTool = new T.RectangleTool(this.state.gis, paramgcr);
           this.rectangleTool.open();
           this.rectangleTool.addEventListener('draw', function (ob) {
+            var _t$frameSelectProps$b3;
+
             var type = ob.type,
                 target = ob.target,
                 currentBounds = ob.currentBounds,
@@ -2183,6 +2275,10 @@ var TMap = /*#__PURE__*/function (_React$Component) {
             if ('drawEnd' in t.props) {
               t.props.drawEnd(backobj);
             }
+
+            if (((_t$frameSelectProps$b3 = t.frameSelectProps[backobj.id]) === null || _t$frameSelectProps$b3 === void 0 ? void 0 : _t$frameSelectProps$b3.callback) instanceof Function) {
+              t.frameSelectProps[backobj.id].callback(backobj);
+            }
           });
           break;
       } //保存绘制图元的id便于后期比对