@antv/l7-layers 2.8.45 → 2.9.2

package/lib/{core/LayerGroup.js → tile/tileFactory/rasterDataLayer.js}

@@ -21,63 +21,71 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _BaseLayer2 = _interopRequireDefault(require("./BaseLayer"));
+var _BaseLayer2 = _interopRequireDefault(require("../../core/BaseLayer"));
+
+var _raster = _interopRequireDefault(require("../../raster/models/raster"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-var LayerGroup = function (_BaseLayer) {
-  (0, _inherits2.default)(LayerGroup, _BaseLayer);
+var RasterTiffLayer = function (_BaseLayer) {
+  (0, _inherits2.default)(RasterTiffLayer, _BaseLayer);
 
-  var _super = _createSuper(LayerGroup);
+  var _super = _createSuper(RasterTiffLayer);
 
-  function LayerGroup() {
+  function RasterTiffLayer() {
     var _this;
 
-    (0, _classCallCheck2.default)(this, LayerGroup);
+    (0, _classCallCheck2.default)(this, RasterTiffLayer);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isLayerGroup", true);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "type", _this.layerType);
     return _this;
   }
 
-  (0, _createClass2.default)(LayerGroup, [{
-    key: "addChild",
-    value: function addChild(layer) {
-      this.layerChildren.push(layer);
+  (0, _createClass2.default)(RasterTiffLayer, [{
+    key: "buildModels",
+    value: function buildModels() {
+      var model = this.getModelType();
+      this.layerModel = new model(this);
+      this.models = this.layerModel.initModels();
     }
   }, {
-    key: "removeChild",
-    value: function removeChild(layer) {
-      var layerIndex = this.layerChildren.indexOf(layer);
-
-      if (layerIndex > -1) {
-        this.layerChildren.splice(layerIndex, 1);
-      }
-
-      layer.destroy();
+    key: "rebuildModels",
+    value: function rebuildModels() {
+      this.models = this.layerModel.buildModels();
+    }
+  }, {
+    key: "getModelType",
+    value: function getModelType() {
+      return _raster.default;
     }
   }, {
-    key: "clearChild",
-    value: function clearChild() {
-      this.layerChildren.forEach(function (layer) {
-        layer.destroy();
-      });
-      this.layerChildren = [];
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        properties: {
+          opacity: {
+            type: 'number',
+            minimum: 0,
+            maximum: 1
+          }
+        }
+      };
     }
   }, {
-    key: "hasChild",
-    value: function hasChild(layer) {
-      return this.layerChildren.includes(layer);
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      return {};
     }
   }]);
-  return LayerGroup;
+  return RasterTiffLayer;
 }(_BaseLayer2.default);
 
-exports.default = LayerGroup;
-//# sourceMappingURL=LayerGroup.js.map
+exports.default = RasterTiffLayer;
+//# sourceMappingURL=rasterDataLayer.js.map

package/lib/tile/tileFactory/rasterDataLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/tileFactory/rasterDataLayer.ts"],"names":["RasterTiffLayer","layerType","model","getModelType","layerModel","models","initModels","buildModels","RasterModel","properties","opacity","type","minimum","maximum","BaseLayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;;;;;IAEqBA,e;;;;;;;;;;;;;;;uFAGG,MAAKC,S;;;;;;WAC3B,uBAAqB;AACnB,UAAMC,KAAK,GAAG,KAAKC,YAAL,EAAd;AACA,WAAKC,UAAL,GAAkB,IAAIF,KAAJ,CAAU,IAAV,CAAlB;AACA,WAAKG,MAAL,GAAc,KAAKD,UAAL,CAAgBE,UAAhB,EAAd;AACD;;;WAED,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKD,UAAL,CAAgBG,WAAhB,EAAd;AACD;;;WAED,wBAAyB;AACvB,aAAOC,eAAP;AACD;;;WACD,2BAA4B;AAC1B,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WAED,4BAA6B;AAC3B,aAAO,EAAP;AACD;;;EA/B0CC,mB","sourcesContent":["import BaseLayer from '../../core/BaseLayer';\nimport { IRasterLayerStyleOptions } from '../../core/interface';\nimport RasterModel from '../../raster/models/raster';\n\nexport default class RasterTiffLayer extends BaseLayer<\n  Partial<IRasterLayerStyleOptions>\n> {\n  public type: string = this.layerType as string;\n  public buildModels() {\n    const model = this.getModelType();\n    this.layerModel = new model(this);\n    this.models = this.layerModel.initModels();\n  }\n\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\n  }\n\n  protected getModelType() {\n    return RasterModel;\n  }\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected getDefaultConfig() {\n    return {};\n  }\n}\n"],"file":"rasterDataLayer.js"}

package/lib/tile/tileFactory/vectorLayer.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _BaseLayer2 = _interopRequireDefault(require("../../core/BaseLayer"));
+
+var _tile = _interopRequireDefault(require("../../line/models/tile"));
+
+var _text = _interopRequireDefault(require("../../point/models/text"));
+
+var _tile2 = _interopRequireDefault(require("../../point/models/tile"));
+
+var _tile3 = _interopRequireDefault(require("../../polygon/models/tile"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var VectorLayer = function (_BaseLayer) {
+  (0, _inherits2.default)(VectorLayer, _BaseLayer);
+
+  var _super = _createSuper(VectorLayer);
+
+  function VectorLayer() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, VectorLayer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isVector", true);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "type", _this.layerType);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "pickedID", null);
+    return _this;
+  }
+
+  (0, _createClass2.default)(VectorLayer, [{
+    key: "getPickID",
+    value: function getPickID() {
+      return this.pickedID;
+    }
+  }, {
+    key: "setPickID",
+    value: function setPickID() {
+      return this.pickedID;
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels() {
+      var model = this.getModelType();
+      this.layerModel = new model(this);
+      this.models = this.layerModel.initModels();
+    }
+  }, {
+    key: "rebuildModels",
+    value: function rebuildModels() {
+      this.models = this.layerModel.buildModels();
+    }
+  }, {
+    key: "getModelType",
+    value: function getModelType() {
+      switch (this.layerType) {
+        case 'PolygonLayer':
+          return _tile3.default;
+
+        case 'LineLayer':
+          return _tile.default;
+
+        case 'PointLayer':
+          return this.getPointModel();
+
+        default:
+          return _tile2.default;
+      }
+    }
+  }, {
+    key: "getPointModel",
+    value: function getPointModel() {
+      var layerData = this.getEncodedData();
+
+      var _this$getLayerConfig = this.getLayerConfig(),
+          shape2d = _this$getLayerConfig.shape2d;
+
+      var item = layerData.find(function (fe) {
+        return fe.hasOwnProperty('shape');
+      });
+
+      if (item) {
+        var shape = item.shape;
+
+        if ((shape2d === null || shape2d === void 0 ? void 0 : shape2d.indexOf(shape)) !== -1) {
+          return _tile2.default;
+        } else {
+          return _text.default;
+        }
+      } else {
+        return _tile2.default;
+      }
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        properties: {
+          opacity: {
+            type: 'number',
+            minimum: 0,
+            maximum: 1
+          }
+        }
+      };
+    }
+  }, {
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      return {};
+    }
+  }]);
+  return VectorLayer;
+}(_BaseLayer2.default);
+
+exports.default = VectorLayer;
+//# sourceMappingURL=vectorLayer.js.map

package/lib/tile/tileFactory/vectorLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/tileFactory/vectorLayer.ts"],"names":["VectorLayer","layerType","pickedID","model","getModelType","layerModel","models","initModels","buildModels","polygonFillModel","lineFillModel","getPointModel","pointFillModel","layerData","getEncodedData","getLayerConfig","shape2d","item","find","fe","hasOwnProperty","shape","indexOf","pointTextModel","properties","opacity","type","minimum","maximum","BaseLayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AAMA;;AACA;;AACA;;AACA;;;;;;IAEqBA,W;;;;;;;;;;;;;;;2FAKQ,I;uFACL,MAAKC,S;2FAEO,I;;;;;;WAElC,qBAAmB;AACjB,aAAO,KAAKC,QAAZ;AACD;;;WAED,qBAAmB;AACjB,aAAO,KAAKA,QAAZ;AACD;;;WAED,uBAAqB;AACnB,UAAMC,KAAK,GAAG,KAAKC,YAAL,EAAd;AACA,WAAKC,UAAL,GAAkB,IAAIF,KAAJ,CAAU,IAAV,CAAlB;AACA,WAAKG,MAAL,GAAc,KAAKD,UAAL,CAAgBE,UAAhB,EAAd;AACD;;;WAED,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKD,UAAL,CAAgBG,WAAhB,EAAd;AACD;;;WAED,wBAAyB;AACvB,cAAQ,KAAKP,SAAb;AACE,aAAK,cAAL;AACE,iBAAOQ,cAAP;;AACF,aAAK,WAAL;AACE,iBAAOC,aAAP;;AACF,aAAK,YAAL;AACE,iBAAO,KAAKC,aAAL,EAAP;;AACF;AACE,iBAAOC,cAAP;AARJ;AAUD;;;WAED,yBAA0B;AACxB,UAAMC,SAAS,GAAG,KAAKC,cAAL,EAAlB;;AACA,iCAAoB,KAAKC,cAAL,EAApB;AAAA,UAAQC,OAAR,wBAAQA,OAAR;;AACA,UAAMC,IAAI,GAAGJ,SAAS,CAACK,IAAV,CAAe,UAACC,EAAD,EAAwB;AAClD,eAAOA,EAAE,CAACC,cAAH,CAAkB,OAAlB,CAAP;AACD,OAFY,CAAb;;AAIA,UAAIH,IAAJ,EAAU;AACR,YAAMI,KAAK,GAAGJ,IAAI,CAACI,KAAnB;;AACA,YAAI,CAAAL,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEM,OAAT,CAAiBD,KAAjB,OAAsC,CAAC,CAA3C,EAA8C;AAC5C,iBAAOT,cAAP;AACD,SAFD,MAEO;AACL,iBAAOW,aAAP;AACD;AACF,OAPD,MAOO;AACL,eAAOX,cAAP;AACD;AACF;;;WAED,2BAA4B;AAC1B,aAAO;AACLY,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WAED,4BAA6B;AAC3B,aAAO,EAAP;AACD;;;EA1EsCC,mB","sourcesContent":["import { IEncodeFeature } from '@antv/l7-core';\nimport BaseLayer from '../../core/BaseLayer';\nimport {\n  ILineLayerStyleOptions,\n  IPointLayerStyleOptions,\n  IPolygonLayerStyleOptions,\n} from '../../core/interface';\nimport lineFillModel from '../../line/models/tile';\nimport pointTextModel from '../../point/models/text';\nimport pointFillModel from '../../point/models/tile';\nimport polygonFillModel from '../../polygon/models/tile';\n\nexport default class VectorLayer extends BaseLayer<\n  Partial<\n    IPolygonLayerStyleOptions & ILineLayerStyleOptions & IPointLayerStyleOptions\n  >\n> {\n  public isVector: boolean = true;\n  public type: string = this.layerType as string;\n  // Tip: 单独被 tile 瓦片的渲染链路使用（用于优化性能）\n  private pickedID: number | null = null;\n\n  public getPickID() {\n    return this.pickedID;\n  }\n\n  public setPickID() {\n    return this.pickedID;\n  }\n\n  public buildModels() {\n    const model = this.getModelType();\n    this.layerModel = new model(this);\n    this.models = this.layerModel.initModels();\n  }\n\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\n  }\n\n  protected getModelType() {\n    switch (this.layerType) {\n      case 'PolygonLayer':\n        return polygonFillModel;\n      case 'LineLayer':\n        return lineFillModel;\n      case 'PointLayer':\n        return this.getPointModel();\n      default:\n        return pointFillModel;\n    }\n  }\n\n  protected getPointModel() {\n    const layerData = this.getEncodedData();\n    const { shape2d } = this.getLayerConfig();\n    const item = layerData.find((fe: IEncodeFeature) => {\n      return fe.hasOwnProperty('shape');\n    });\n    // only support pointFill & pointText now\n    if (item) {\n      const shape = item.shape;\n      if (shape2d?.indexOf(shape as string) !== -1) {\n        return pointFillModel;\n      } else {\n        return pointTextModel;\n      }\n    } else {\n      return pointFillModel;\n    }\n  }\n\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n\n  protected getDefaultConfig() {\n    return {};\n  }\n}\n"],"file":"vectorLayer.js"}

package/lib/tile/tileLayer/baseTileLayer.js

@@ -0,0 +1,408 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _tileLayerManager = require("../manager/tileLayerManager");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var BaseTileLayer = function () {
+  function BaseTileLayer(_ref) {
+    var _parentSource$data;
+
+    var parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService,
+        pickingService = _ref.pickingService;
+    (0, _classCallCheck2.default)(this, BaseTileLayer);
+    (0, _defineProperty2.default)(this, "type", 'baseTile');
+    (0, _defineProperty2.default)(this, "sourceLayer", void 0);
+    (0, _defineProperty2.default)(this, "parent", void 0);
+    (0, _defineProperty2.default)(this, "initedTileset", false);
+    (0, _defineProperty2.default)(this, "tilesetManager", void 0);
+    (0, _defineProperty2.default)(this, "tileLayerManager", void 0);
+    (0, _defineProperty2.default)(this, "lastViewStates", void 0);
+    (0, _defineProperty2.default)(this, "timer", void 0);
+    (0, _defineProperty2.default)(this, "mapService", void 0);
+    (0, _defineProperty2.default)(this, "layerService", void 0);
+    (0, _defineProperty2.default)(this, "pickColors", {
+      select: null,
+      active: null
+    });
+    var parentSource = parent.getSource();
+
+    var _ref2 = (parentSource === null || parentSource === void 0 ? void 0 : (_parentSource$data = parentSource.data) === null || _parentSource$data === void 0 ? void 0 : _parentSource$data.tilesetOptions) || {},
+        sourceLayer = _ref2.sourceLayer,
+        coords = _ref2.coords,
+        featureId = _ref2.featureId;
+
+    this.sourceLayer = sourceLayer;
+    this.parent = parent;
+    this.mapService = mapService;
+    this.layerService = layerService;
+    this.tileLayerManager = new _tileLayerManager.TileLayerManager(parent, mapService, rendererService, pickingService, layerService);
+    this.initTileSetManager();
+    this.bindSubLayerEvent();
+    this.bindSubLayerPick();
+  }
+
+  (0, _createClass2.default)(BaseTileLayer, [{
+    key: "children",
+    get: function get() {
+      return this.tileLayerManager.children;
+    }
+  }, {
+    key: "scale",
+    value: function scale(field, cfg) {
+      this.children.map(function (child) {
+        child.scale(field, cfg);
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.tileLayerManager) {
+        this.tileLayerManager.render();
+      }
+    }
+  }, {
+    key: "clearPick",
+    value: function clearPick(type) {
+      if (type === 'mousemove') {
+        this.tileLayerManager.tilePickManager.clearPick();
+      }
+    }
+  }, {
+    key: "clearPickState",
+    value: function clearPickState() {
+      var _this = this;
+
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible();
+      }).filter(function (child) {
+        return child.getCurrentSelectedId() !== null;
+      }).map(function (child) {
+        _this.selectFeature(child, new Uint8Array([0, 0, 0, 0]));
+
+        child.setCurrentSelectedId(null);
+      });
+    }
+  }, {
+    key: "pickLayers",
+    value: function pickLayers(target) {
+      return this.tileLayerManager.pickLayers(target);
+    }
+  }, {
+    key: "tileLoaded",
+    value: function tileLoaded(tile) {}
+  }, {
+    key: "tileError",
+    value: function tileError(error) {
+      console.warn('error:', error);
+    }
+  }, {
+    key: "tileUnLoad",
+    value: function tileUnLoad(tile) {
+      this.tileLayerManager.removeChilds(tile.layerIDList);
+    }
+  }, {
+    key: "tileUpdate",
+    value: function tileUpdate() {
+      var _this2 = this;
+
+      if (!this.tilesetManager) {
+        return;
+      }
+
+      this.tilesetManager.tiles.filter(function (tile) {
+        return tile.isLoaded;
+      }).map(function (tile) {
+        if (tile.layerIDList.length === 0) {
+          var _this2$tileLayerManag = _this2.tileLayerManager.createTile(tile),
+              layers = _this2$tileLayerManag.layers,
+              layerIDList = _this2$tileLayerManag.layerIDList;
+
+          tile.layerIDList = layerIDList;
+
+          _this2.tileLayerManager.addChilds(layers);
+        } else {
+          if (!tile.isVisibleChanged) {
+            return;
+          }
+
+          var _layers = _this2.tileLayerManager.getChilds(tile.layerIDList);
+
+          _this2.tileLayerManager.updateLayersConfig(_layers, 'visible', tile.isVisible);
+        }
+      });
+
+      if (this.tilesetManager.isLoaded) {
+        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
+      }
+    }
+  }, {
+    key: "setPickState",
+    value: function setPickState(layers) {
+      var _this3 = this;
+
+      if (this.pickColors.select) {
+        var selectedId = (0, _l7Utils.decodePickingColor)(this.pickColors.select);
+        layers.map(function (layer) {
+          _this3.selectFeature(layer, _this3.pickColors.select);
+
+          layer.setCurrentSelectedId(selectedId);
+        });
+      }
+
+      if (this.pickColors.active) {
+        var _selectedId = (0, _l7Utils.decodePickingColor)(this.pickColors.active);
+
+        layers.filter(function (layer) {
+          return layer.inited && layer.isVisible();
+        }).map(function (layer) {
+          layer.hooks.beforeHighlight.call(_this3.pickColors.active);
+          layer.setCurrentPickId(_selectedId);
+        });
+      }
+    }
+  }, {
+    key: "bindSubLayerPick",
+    value: function bindSubLayerPick() {
+      var _this4 = this;
+
+      this.tileLayerManager.tilePickManager.on('pick', function (e) {
+        var _e$pickedColors = (0, _slicedToArray2.default)(e.pickedColors, 3),
+            r = _e$pickedColors[0],
+            g = _e$pickedColors[1],
+            b = _e$pickedColors[2];
+
+        if (e.type === 'click') {
+          var restLayers = _this4.children.filter(function (child) {
+            return child.inited && child.isVisible() && child.isVector;
+          }).filter(function (child) {
+            return child !== e.layer;
+          });
+
+          _this4.setSelect(restLayers, [r, g, b]);
+        } else {
+          _this4.setHighlight([r, g, b]);
+        }
+      });
+      this.tileLayerManager.tilePickManager.on('unpick', function () {
+        _this4.pickColors.active = null;
+      });
+    }
+  }, {
+    key: "setHighlight",
+    value: function setHighlight(pickedColors) {
+      var pickId = (0, _l7Utils.decodePickingColor)(pickedColors);
+      this.pickColors.active = pickedColors;
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible() && child.isVector;
+      }).filter(function (child) {
+        return child.getPickID() !== pickId;
+      }).map(function (child) {
+        child.setPickID(pickId);
+        child.hooks.beforeHighlight.call(pickedColors);
+      });
+    }
+  }, {
+    key: "setSelect",
+    value: function setSelect(layers, pickedColors) {
+      var _this5 = this;
+
+      var selectedId = (0, _l7Utils.decodePickingColor)(pickedColors);
+      layers.map(function (layer) {
+        if (layer.getCurrentSelectedId() === null || selectedId !== layer.getCurrentSelectedId()) {
+          _this5.selectFeature(layer, pickedColors);
+
+          layer.setCurrentSelectedId(selectedId);
+          _this5.pickColors.select = pickedColors;
+        } else {
+          _this5.selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
+
+          layer.setCurrentSelectedId(null);
+          _this5.pickColors.select = null;
+        }
+      });
+      var renderList = this.layerService.getRenderList();
+      renderList.filter(function (layer) {
+        return layer.inited && !layer.isVector && layer.isVisible() && layer.needPick('click');
+      }).filter(function (layer) {
+        return layer.getCurrentSelectedId() !== null;
+      }).map(function (layer) {
+        _this5.selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
+
+        layer.setCurrentSelectedId(null);
+      });
+    }
+  }, {
+    key: "selectFeature",
+    value: function selectFeature(layer, pickedColors) {
+      var _pickedColors = (0, _slicedToArray2.default)(pickedColors, 3),
+          r = _pickedColors[0],
+          g = _pickedColors[1],
+          b = _pickedColors[2];
+
+      layer.hooks.beforeSelect.call([r, g, b]);
+    }
+  }, {
+    key: "bindSubLayerEvent",
+    value: function bindSubLayerEvent() {
+      var _this6 = this;
+
+      this.parent.on('subLayerClick', function (e) {
+        _this6.parent.emit('click', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseMove', function (e) {
+        return _this6.parent.emit('mousemove', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseUp', function (e) {
+        return _this6.parent.emit('mouseup', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseEnter', function (e) {
+        return _this6.parent.emit('mouseenter', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseOut', function (e) {
+        return _this6.parent.emit('mouseout', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerMouseDown', function (e) {
+        return _this6.parent.emit('mousedown', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerContextmenu', function (e) {
+        return _this6.parent.emit('contextmenu', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnClick', function (e) {
+        return _this6.parent.emit('unclick', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseMove', function (e) {
+        return _this6.parent.emit('unmousemove', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseUp', function (e) {
+        return _this6.parent.emit('unmouseup', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnMouseDown', function (e) {
+        return _this6.parent.emit('unmousedown', _objectSpread({}, e));
+      });
+      this.parent.on('subLayerUnContextmenu', function (e) {
+        return _this6.parent.emit('uncontextmenu', _objectSpread({}, e));
+      });
+    }
+  }, {
+    key: "initTileSetManager",
+    value: function initTileSetManager() {
+      var _this$tilesetManager;
+
+      var source = this.parent.getSource();
+      this.tilesetManager = source.tileset;
+
+      if (!this.initedTileset) {
+        this.bindTilesetEvent();
+        this.initedTileset = true;
+      }
+
+      var _this$getCurrentView = this.getCurrentView(),
+          latLonBounds = _this$getCurrentView.latLonBounds,
+          zoom = _this$getCurrentView.zoom;
+
+      (_this$tilesetManager = this.tilesetManager) === null || _this$tilesetManager === void 0 ? void 0 : _this$tilesetManager.update(zoom, latLonBounds);
+    }
+  }, {
+    key: "bindTilesetEvent",
+    value: function bindTilesetEvent() {
+      var _this7 = this;
+
+      if (!this.tilesetManager) {
+        return;
+      }
+
+      this.tilesetManager.on('tile-loaded', function (tile) {});
+      this.tilesetManager.on('tile-unload', function (tile) {
+        _this7.tileUnLoad(tile);
+      });
+      this.tilesetManager.on('tile-error', function (error, tile) {
+        _this7.tileError(error);
+      });
+      this.tilesetManager.on('tile-update', function () {
+        _this7.tileUpdate();
+      });
+      this.mapService.on('mapchange', function (e) {
+        var _this7$getCurrentView = _this7.getCurrentView(),
+            latLonBounds = _this7$getCurrentView.latLonBounds,
+            zoom = _this7$getCurrentView.zoom;
+
+        if (_this7.mapService.version === 'GAODE1.x') {
+          var _this7$parent$getLaye = _this7.parent.getLayerConfig(),
+              visible = _this7$parent$getLaye.visible;
+
+          if (zoom < 3 && visible) {
+            _this7.parent.updateLayerConfig({
+              visible: false
+            });
+
+            _this7.layerService.updateLayerRenderList();
+          } else if (zoom >= 3 && !visible) {
+            _this7.parent.updateLayerConfig({
+              visible: true
+            });
+
+            _this7.layerService.updateLayerRenderList();
+          }
+        }
+
+        if (_this7.lastViewStates && _this7.lastViewStates.zoom === zoom && _this7.lastViewStates.latLonBounds.toString() === latLonBounds.toString()) {
+          return;
+        }
+
+        _this7.lastViewStates = {
+          zoom: zoom,
+          latLonBounds: latLonBounds
+        };
+
+        if (_this7.timer) {
+          clearTimeout(_this7.timer);
+          _this7.timer = null;
+        }
+
+        _this7.timer = setTimeout(function () {
+          var _this7$tilesetManager;
+
+          (_this7$tilesetManager = _this7.tilesetManager) === null || _this7$tilesetManager === void 0 ? void 0 : _this7$tilesetManager.update(zoom, latLonBounds);
+        }, 250);
+      });
+    }
+  }, {
+    key: "getCurrentView",
+    value: function getCurrentView() {
+      var bounds = this.mapService.getBounds();
+      var latLonBounds = [bounds[0][0], bounds[0][1], bounds[1][0], bounds[1][1]];
+      var zoom = this.mapService.getZoom();
+      return {
+        latLonBounds: latLonBounds,
+        zoom: zoom
+      };
+    }
+  }]);
+  return BaseTileLayer;
+}();
+
+exports.default = BaseTileLayer;
+//# sourceMappingURL=baseTileLayer.js.map