@vtx/ol-map 1.0.102 → 1.0.104

package/lib/_util/stringToFun.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = stringToFun;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// 将字符函数转化为可执行的函数
+function stringToFun(str) {
+  if (str && typeof str === 'string' && str.indexOf('=>') !== -1) {
+    str = str.replaceAll(' ', '');
+    var _str$split = str.split('=>'),
+      _str$split2 = _slicedToArray(_str$split, 2),
+      a = _str$split2[0],
+      c = _str$split2[1];
+    str = new Function(a, "return ".concat(c));
+  }
+  return str;
+}
+//# sourceMappingURL=stringToFun.js.map

package/lib/_util/stringToFun.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringToFun.js","names":["stringToFun","str","indexOf","replaceAll","_str$split","split","_str$split2","_slicedToArray","a","c","Function","concat"],"sources":["_util/stringToFun.js"],"sourcesContent":["// 将字符函数转化为可执行的函数\nexport default function stringToFun(str) {\n    if (str && typeof str === 'string' && str.indexOf('=>') !== -1) {\n        str = str.replaceAll(' ', '');\n        const [a, c] = str.split('=>');\n        str = new Function(a, `return ${c}`);\n    }\n\n    return str\n}\n"],"mappings":";;;;;;;;;;;;AAAA;AACe,SAASA,WAAWA,CAACC,GAAG,EAAE;EACrC,IAAIA,GAAG,IAAI,OAAOA,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAACC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;IAC5DD,GAAG,GAAGA,GAAG,CAACE,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC;IAC7B,IAAAC,UAAA,GAAeH,GAAG,CAACI,KAAK,CAAC,IAAI,CAAC;MAAAC,WAAA,GAAAC,cAAA,CAAAH,UAAA;MAAvBI,CAAC,GAAAF,WAAA;MAAEG,CAAC,GAAAH,WAAA;IACXL,GAAG,GAAG,IAAIS,QAAQ,CAACF,CAAC,YAAAG,MAAA,CAAYF,CAAC,CAAE,CAAC;EACxC;EAEA,OAAOR,GAAG;AACd"}

package/lib/convertCamelToCSS.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+// 将 jsx 的 style 小驼峰的 key 属性，转化为 cssText 的 -
+var convertCamelToCSS = function convertCamelToCSS(style) {
+  var cssText = '';
+  for (var property in style) {
+    if (style.hasOwnProperty(property)) {
+      var value = style[property];
+      if (value && typeof value === 'number' && !isNaN(value)) {
+        value = value + 'px';
+      }
+      var cssProperty = property.replace(/([A-Z])/g, '-$1').toLowerCase();
+      cssText += "".concat(cssProperty, ": ").concat(value, "; ");
+    }
+  }
+  return cssText;
+};
+var _default = convertCamelToCSS;
+exports["default"] = _default;
+//# sourceMappingURL=convertCamelToCSS.js.map

package/lib/convertCamelToCSS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertCamelToCSS.js","names":["convertCamelToCSS","style","cssText","property","hasOwnProperty","value","isNaN","cssProperty","replace","toLowerCase","concat","_default","exports"],"sources":["convertCamelToCSS.js"],"sourcesContent":["// 将 jsx 的 style 小驼峰的 key 属性，转化为 cssText 的 -\nconst convertCamelToCSS = (style) => {\n    let cssText = '';\n    for (let property in style) {\n        if (style.hasOwnProperty(property)) {\n            let value = style[property];\n            if (value && typeof value === 'number' && !isNaN(value)) {\n                value = value + 'px';\n            }\n            let cssProperty = property.replace(/([A-Z])/g, '-$1').toLowerCase();\n            cssText += `${cssProperty}: ${value}; `;\n        }\n    }\n\n    return cssText;\n}\n\nexport default convertCamelToCSS;\n"],"mappings":";;;;;;AAAA;AACA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,KAAK,EAAK;EACjC,IAAIC,OAAO,GAAG,EAAE;EAChB,KAAK,IAAIC,QAAQ,IAAIF,KAAK,EAAE;IACxB,IAAIA,KAAK,CAACG,cAAc,CAACD,QAAQ,CAAC,EAAE;MAChC,IAAIE,KAAK,GAAGJ,KAAK,CAACE,QAAQ,CAAC;MAC3B,IAAIE,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAI,CAACC,KAAK,CAACD,KAAK,CAAC,EAAE;QACrDA,KAAK,GAAGA,KAAK,GAAG,IAAI;MACxB;MACA,IAAIE,WAAW,GAAGJ,QAAQ,CAACK,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAACC,WAAW,CAAC,CAAC;MACnEP,OAAO,OAAAQ,MAAA,CAAOH,WAAW,QAAAG,MAAA,CAAKL,KAAK,OAAI;IAC3C;EACJ;EAEA,OAAOH,OAAO;AAClB,CAAC;AAAA,IAAAS,QAAA,GAEcX,iBAAiB;AAAAY,OAAA,cAAAD,QAAA"}

package/lib/feature-layer/FeatureLayer.js

@@ -13,22 +13,20 @@ var _isFunction = _interopRequireDefault(require("../_util/isFunction"));
 var _createFeatureCollection = require("./createFeatureCollection");
 var _isObject = _interopRequireDefault(require("../_util/isObject"));
 var _encryptParams = _interopRequireDefault(require("../_util/encryptParams"));
+var _stringToFun = _interopRequireDefault(require("../_util/stringToFun"));
+var _convertCamelToCSS = _interopRequireDefault(require("../convertCamelToCSS"));
 var _MyCluster = _interopRequireDefault(require("./MyCluster"));
-var _excluded = ["url", "params", "data", "dataField", "features", "sourceOptions", "key", "name", "label", "labelField", "point", "cluster", "template", "autoRefresh", "method", "layerControl", "show", "style", "group", "iconOptions", "afterGetData", "legend", "viewOnly", "encrypt", "valueField", "map", "tipTemplate"],
+var _excluded = ["url", "params", "data", "dataField", "features", "sourceOptions", "key", "name", "label", "labelField", "point", "cluster", "template", "autoRefresh", "method", "layerControl", "show", "style", "group", "iconOptions", "afterGetData", "legend", "viewOnly", "encrypt", "valueField", "map", "tipTemplate", "alarmBg"],
   _excluded2 = ["color", "background", "backgroundStroke", "backgroundStrokeWidth"],
   _excluded3 = ["numberStyle", "iconOptions"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -50,6 +48,37 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var addOverlay = function addOverlay(feature, map, alarmBg) {
+  if (alarmBg) {
+    var itemVal = alarmBg.find(function (v) {
+      return v.filter(feature.values_);
+    });
+    if (itemVal) {
+      var image = itemVal.image,
+        style = itemVal.style;
+      var dom;
+      if (image) {
+        dom = document.createElement('img');
+        dom.src = image;
+      } else {
+        dom = document.createElement('div');
+        dom.className = "ol-map-icon-alarm";
+      }
+      if (style) {
+        dom.style.cssText = style;
+      }
+      var overlay = new _ol.Overlay({
+        element: dom,
+        positioning: 'bottom-center',
+        stopEvent: true,
+        className: 'ol-overlay_container-stop_event'
+      });
+      map.addOverlay(overlay);
+      overlay.setPosition(feature.getGeometry().getCoordinates());
+      return overlay;
+    }
+  }
+};
 var FeatureLayer = /*#__PURE__*/function (_Vector) {
   _inherits(FeatureLayer, _Vector);
   var _super = _createSuper(FeatureLayer);
@@ -83,6 +112,7 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
       valueField = _options.valueField,
       map = _options.map,
       tipTemplate = _options.tipTemplate,
+      alarmBg = _options.alarmBg,
       other = _objectWithoutProperties(_options, _excluded);
     var props = _objectSpread({}, other);
     props.source = props.source || new _source.Vector(_objectSpread({
@@ -98,14 +128,7 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
           }
 
           // 将字符函数转化为可执行的函数
-          if (f.filter && typeof f.filter === 'string' && f.filter.indexOf('=>') !== -1) {
-            f.filter = f.filter.replaceAll(' ', '');
-            var _f$filter$split = f.filter.split('=>'),
-              _f$filter$split2 = _slicedToArray(_f$filter$split, 2),
-              a = _f$filter$split2[0],
-              c = _f$filter$split2[1];
-            f.filter = new Function(a, "return ".concat(c));
-          }
+          f.filter = (0, _stringToFun["default"])(f.filter);
         });
       }
     }
@@ -254,6 +277,25 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
     // 气泡模板
     _this2.tipTemplate = tipTemplate;
 
+    // 报警背景
+    if (alarmBg) {
+      _this2.alarmBg = (Array.isArray(alarmBg) ? alarmBg : [alarmBg]).map(function (item) {
+        var filter = item.filter,
+          style = item.style;
+        filter = (0, _stringToFun["default"])(filter);
+        if (style) {
+          style = item.style && _typeof(item.style) === 'object' ? style : {
+            color: style
+          };
+          style = (0, _convertCamelToCSS["default"])(style);
+        }
+        return _objectSpread(_objectSpread({}, item), {}, {
+          filter: filter,
+          style: style
+        });
+      });
+    }
+
     // 临时数据
     _this2._features = [];
 
@@ -314,39 +356,34 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
       this.show = value;
       this.setVisible(value);
     }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      var map = this.map;
-      if (this.moveEnd) {
-        map.un("moveend", this.moveEnd);
-        this.moveEnd = null;
-      }
-    }
   }, {
     key: "setClusterMode",
     value: function setClusterMode(val) {
       var _this3 = this;
-      this._options.cluster = val;
+      this._options.cluster = (0, _isObject["default"])(val) ? val : {
+        show: val
+      };
       this.setClusterSource(val);
       this.setStyle(this.getStyleByMode());
-      var map = this.map;
-      this.destroy();
-
-      // 监听地图缩放大于阈值时取消聚合
-      var oldZoom = map.getView().getZoom();
-      this.moveEnd = map.on("moveend", function () {
-        var zoom = map.getView().getZoom(); //获取当前地图的缩放级别
-        if (oldZoom !== zoom) {
-          var _this3$_options$clust;
-          oldZoom = zoom;
-          if (zoom >= (((_this3$_options$clust = _this3._options.cluster) === null || _this3$_options$clust === void 0 ? void 0 : _this3$_options$clust.zoomThreshold) || 14)) {
-            _this3.setClusterSource();
-          } else {
-            _this3.setClusterSource(val);
+      if (this.map && this._options.cluster.show) {
+        var map = this.map;
+        this.destroy();
+
+        // 监听地图缩放大于阈值时取消聚合
+        var oldZoom = map.getView().getZoom();
+        this.moveEnd = map.on("moveend", function () {
+          var zoom = map.getView().getZoom(); //获取当前地图的缩放级别
+          if (oldZoom !== zoom) {
+            var _this3$_options$clust;
+            oldZoom = zoom;
+            if (zoom >= (((_this3$_options$clust = _this3._options.cluster) === null || _this3$_options$clust === void 0 ? void 0 : _this3$_options$clust.zoomThreshold) || 14)) {
+              _this3.setClusterSource();
+            } else {
+              _this3.setClusterSource(val);
+            }
           }
-        }
-      });
+        });
+      }
     }
   }, {
     key: "getStyleByMode",
@@ -577,13 +614,14 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
       var _this$_features,
         _this6 = this;
       var _this = this;
-      var _ref2 = (0, _isObject["default"])(cluster) ? cluster : {
-          show: cluster
-        },
-        show = _ref2.show,
-        minDistance = _ref2.minDistance,
-        distance = _ref2.distance,
-        group = _ref2.group;
+      cluster = (0, _isObject["default"])(cluster) ? cluster : {
+        show: cluster
+      };
+      var _cluster = cluster,
+        show = _cluster.show,
+        minDistance = _cluster.minDistance,
+        distance = _cluster.distance,
+        group = _cluster.group;
       var source = new _source.Vector({
         features: (_this$_features = this._features) === null || _this$_features === void 0 ? void 0 : _this$_features.filter(function (v) {
           return !v.hasOwnProperty('show') || v.show;
@@ -596,6 +634,9 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
           minDistance: minDistance || 50,
           source: source,
           group: group,
+          clusterChange: function clusterChange(features) {
+            _this6.setAlarmBgByFeatures(features);
+          },
           createCluster: function createCluster(point, features) {
             var _group;
             var feature = new _ol.Feature({
@@ -618,7 +659,7 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
               });
               var markerStyle = _objectSpread({}, style.style);
               if (size > 1) {
-                var _style4, _markerStyle2;
+                var _style4, _markerStyle2, _cluster2;
                 if ((_style4 = style) !== null && _style4 !== void 0 && _style4.clusterStyle) {
                   markerStyle = _objectSpread({}, style.clusterStyle);
                 }
@@ -634,7 +675,7 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
                       text: size,
                       fontSize: 18
                     }
-                  }, iconOptions || (cluster === null || cluster === void 0 ? void 0 : cluster.iconOptions) || {})
+                  }, iconOptions || ((_cluster2 = cluster) === null || _cluster2 === void 0 ? void 0 : _cluster2.iconOptions) || {})
                 });
               }
               var _style = new _renderer["default"].Marker(markerStyle);
@@ -654,10 +695,48 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
         this.setSource(source);
       }
     }
+
+    // 清除报警背景
+  }, {
+    key: "clearAlarmBg",
+    value: function clearAlarmBg() {
+      var _this$overlays,
+        _this7 = this;
+      if (this.map && (_this$overlays = this.overlays) !== null && _this$overlays !== void 0 && _this$overlays.length) {
+        this.overlays.map(function (overlay) {
+          return _this7.map.removeOverlay(overlay);
+        });
+        this.overlays = null;
+      }
+    }
+
+    // 设置报警背景
+  }, {
+    key: "setAlarmBgByFeatures",
+    value: function setAlarmBgByFeatures(features) {
+      var _this8 = this;
+      this.clearAlarmBg();
+      this.overlays = [];
+      if (this.map && this.alarmBg && features !== null && features !== void 0 && features.length) {
+        features.map(function (feature) {
+          var _feature = feature;
+          var cluster = feature.get('features');
+          if (cluster) {
+            _feature = cluster.length < 2 ? cluster[0] : null;
+          }
+          if (_feature && (_feature.hasOwnProperty('show') ? _feature.show : true)) {
+            var overlay = addOverlay(_feature, _this8.map, _this8.alarmBg);
+            if (overlay) {
+              _this8.overlays.push(overlay);
+            }
+          }
+        });
+      }
+    }
   }, {
     key: "refresh",
     value: function refresh() {
-      var _this7 = this;
+      var _this9 = this;
       (0, _createFeatureCollection.getDataByHttpByParams)({
         url: this.url,
         params: this.params,
@@ -667,10 +746,10 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
       }).then(function (features) {
         if (features) {
           var new_features = features;
-          _this7._features = new_features;
+          _this9._features = new_features;
           var newFeatures = [];
           new_features.map(function (v) {
-            var f = _this7.getFeatureByFieldValue('id', v.values_.id);
+            var f = _this9.getFeatureByFieldValue('id', v.values_.id);
             if (f) {
               f.values_ = v.values_;
             } else {
@@ -678,9 +757,10 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
             }
           });
           if (newFeatures.length) {
-            _this7.getSource().addFeatures(newFeatures);
+            _this9.getSource().addFeatures(newFeatures);
+            _this9.setAlarmBgByFeatures(_this9.getSource().getFeatures());
           }
-          _this7.getSource().changed();
+          _this9.getSource().changed();
         }
       });
     }
@@ -690,6 +770,7 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
       this.getSource().clear();
       var features = (0, _createFeatureCollection.createGeoJson)(data);
       this.getSource().addFeatures(features);
+      this.setAlarmBgByFeatures(this.getSource().getFeatures());
       this._features = features;
       if (this._options.cluster) {
         this.setClusterMode(this._options.cluster);
@@ -698,7 +779,7 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
   }, {
     key: "loadUrlData",
     value: function loadUrlData(url, params, method) {
-      var _this8 = this;
+      var _this10 = this;
       var afterGetData = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : this.afterGetData;
       this.getSource().clear();
       this._features = [];
@@ -712,12 +793,15 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
         afterGetData: afterGetData,
         field: this.dataField
       }).then(function (features) {
+        _this10.getSource().clear();
+        _this10._features = [];
         if (features !== null && features !== void 0 && features.length) {
-          _this8._features = features;
-          _this8.getSource().addFeatures(features);
+          _this10._features = features;
+          _this10.getSource().addFeatures(features);
+          _this10.setAlarmBgByFeatures(_this10.getSource().getFeatures());
         }
-        if (_this8._options.cluster) {
-          _this8.setClusterMode(_this8._options.cluster);
+        if (_this10._options.cluster) {
+          _this10.setClusterMode(_this10._options.cluster);
         }
       });
     }
@@ -726,6 +810,7 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
     value: function loadFeatures(features) {
       this.getSource().clear();
       this.getSource().addFeatures(features);
+      this.setAlarmBgByFeatures(this.getSource().getFeatures());
       this._features = features;
       if (this._options.cluster) {
         this.setClusterMode(this._options.cluster);
@@ -746,16 +831,16 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
     }
   }, {
     key: "getFeaturesByFieldValueOpera",
-    value: function getFeaturesByFieldValueOpera(_ref3) {
-      var _this9 = this;
-      var field = _ref3.field,
-        value = _ref3.value,
-        _ref3$operation = _ref3.operation,
-        operation = _ref3$operation === void 0 ? '===' : _ref3$operation,
-        features = _ref3.features,
-        filter = _ref3.filter;
+    value: function getFeaturesByFieldValueOpera(_ref2) {
+      var _this11 = this;
+      var field = _ref2.field,
+        value = _ref2.value,
+        _ref2$operation = _ref2.operation,
+        operation = _ref2$operation === void 0 ? '===' : _ref2$operation,
+        features = _ref2.features,
+        filter = _ref2.filter;
       return new Promise(function (resolve, reject) {
-        var _features = features || _this9.getFeatures();
+        var _features = features || _this11.getFeatures();
         if (filter) {
           _features = _features.filter(function (feature) {
             return filter(feature.values_);
@@ -828,6 +913,7 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
         } else {
           this.setStyle(this.getStyleByMode());
         }
+        this.setAlarmBgByFeatures(this._features);
       }
     }
 
@@ -862,6 +948,26 @@ var FeatureLayer = /*#__PURE__*/function (_Vector) {
       if (!this.inited) {
         this.init();
       }
+      if (!visible) {
+        this.clearAlarmBg();
+      } else {
+        this.setAlarmBgByFeatures(this.getSource().getFeatures());
+      }
+    }
+  }, {
+    key: "clearMoveEnd",
+    value: function clearMoveEnd() {
+      var map = this.map;
+      if (map && this.moveEnd) {
+        map.un("moveend", this.moveEnd);
+        this.moveEnd = null;
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.clearMoveEnd();
+      this.clearAlarmBg();
     }
   }]);
   return FeatureLayer;