@antv/l7-layers 2.9.36-alpha.1 → 2.9.37-alpha.1

package/lib/tile/tileFactory/mask.js

@@ -59,9 +59,6 @@ var VectorMaskTile = /*#__PURE__*/function (_TileFactory) {
         source: source,
         needListen: false
       });
-      layer.once('modelLoaded', function () {
-        tile.layerLoad();
-      });
       return {
         layers: [layer],
         layerIDList: [layer.id]

package/lib/tile/tileFactory/point.js

@@ -59,9 +59,6 @@ var VectorPointTile = /*#__PURE__*/function (_TileFactory) {
         source: source,
         needListen: false
       });
-      layer.once('modelLoaded', function () {
-        tile.layerLoad();
-      });
       return {
         layers: [layer],
         layerIDList: [layer.id]

package/lib/tile/tileFactory/polygon.js

@@ -58,9 +58,6 @@ var VectorPolygonTile = /*#__PURE__*/function (_TileFactory) {
         vectorTileLayer: vectorTileLayer,
         source: source
       });
-      layer.once('modelLoaded', function () {
-        tile.layerLoad();
-      });
       return {
         layers: [layer],
         layerIDList: [layer.id]

package/lib/tile/tileFactory/raster.js

@@ -56,9 +56,6 @@ var RasterTile = /*#__PURE__*/function (_TileFactory) {
         initOptions: initOptions,
         source: source
       });
-      layer.once('modelLoaded', function () {
-        tile.layerLoad();
-      });
       return {
         layers: [layer],
         layerIDList: [layer.id]

package/lib/tile/tileFactory/rasterData.js

@@ -17,11 +17,9 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _utils = require("../utils");
-
 var _base = _interopRequireDefault(require("./base"));
 
-var _rasterDataLayer = _interopRequireDefault(require("./rasterDataLayer"));
+var _rasterDataLayer = _interopRequireDefault(require("./layers/rasterDataLayer"));
 
 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); }; }
 
@@ -82,11 +80,7 @@ var RasterTiffTile = /*#__PURE__*/function (_TileFactory) {
         clampHigh: clampHigh,
         clampLow: clampLow
       });
-      this.emitEvent([layer], false);
-      (0, _utils.registerLayers)(this.parentLayer, [layer]);
-      layer.once('modelLoaded', function () {
-        tile.layerLoad();
-      });
+      this.emitRasterEvent([layer]);
       return {
         layers: [layer],
         layerIDList: [layer.id]

package/lib/tile/tileFactory/test.js

@@ -19,9 +19,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _base = _interopRequireDefault(require("./base"));
 
-var _vectorLayer = _interopRequireDefault(require("./vectorLayer"));
-
-var _utils = require("../utils");
+var _vectorLayer = _interopRequireDefault(require("./layers/vectorLayer"));
 
 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); }; }
 
@@ -95,16 +93,6 @@ var TestTile = /*#__PURE__*/function (_TileFactory) {
         }
       }).shape('simple').style({
         color: '#000'
-      }); // Tip: sign tile layer
-
-      text.isTileLayer = true;
-      line.isTileLayer = true;
-      (0, _utils.registerLayers)(this.parentLayer, [line, text]);
-      text.once('modelLoaded', function () {
-        tile.layerLoad();
-      });
-      line.once('modelLoaded', function () {
-        tile.layerLoad();
       });
       return {
         layers: [line, text],

package/lib/tile/tileLayer/MapTileLayer.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MapTileLayer = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+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 _mapLayerManager = require("../manager/mapLayerManager");
+
+var _base = require("./base");
+
+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 MapTileLayer = /*#__PURE__*/function (_Base) {
+  (0, _inherits2.default)(MapTileLayer, _Base);
+
+  var _super = _createSuper(MapTileLayer);
+
+  function MapTileLayer(_ref) {
+    var _parentSource$data;
+
+    var _this;
+
+    var parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService;
+    (0, _classCallCheck2.default)(this, MapTileLayer);
+    _this = _super.call(this);
+    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;
+
+    _this.sourceLayer = sourceLayer;
+    _this.parent = parent;
+    _this.mapService = mapService;
+    _this.layerService = layerService;
+    _this.tileLayerManager = new _mapLayerManager.BaseMapTileLayerManager(parent, mapService, rendererService);
+
+    _this.initTileSetManager();
+
+    return _this;
+  }
+
+  return (0, _createClass2.default)(MapTileLayer);
+}(_base.Base);
+
+exports.MapTileLayer = MapTileLayer;

package/lib/tile/tileLayer/TileLayer.js

@@ -0,0 +1,215 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TileLayer = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+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 _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 _layerManager = require("../manager/layerManager");
+
+var _base = require("./base");
+
+var _utils = require("../interaction/utils");
+
+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 TileLayer = /*#__PURE__*/function (_Base) {
+  (0, _inherits2.default)(TileLayer, _Base);
+
+  var _super = _createSuper(TileLayer);
+
+  function TileLayer(_ref) {
+    var _parentSource$data;
+
+    var _this;
+
+    var parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService,
+        pickingService = _ref.pickingService,
+        transforms = _ref.transforms;
+    (0, _classCallCheck2.default)(this, TileLayer);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.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;
+
+    _this.sourceLayer = sourceLayer;
+    _this.parent = parent;
+    _this.mapService = mapService;
+    _this.layerService = layerService;
+    _this.tileLayerManager = new _layerManager.TileLayerManager(parent, mapService, rendererService, pickingService, transforms);
+
+    _this.initTileSetManager();
+
+    _this.bindSubLayerEvent();
+
+    _this.bindSubLayerPick();
+
+    _this.scaleField = _this.parent.getScaleOptions();
+    return _this;
+  }
+
+  (0, _createClass2.default)(TileLayer, [{
+    key: "children",
+    get: function get() {
+      return this.tileLayerManager.children;
+    }
+  }, {
+    key: "clearPick",
+    value: function clearPick(type) {
+      // Tip: 瓦片只有在 mousemove 的时候需要设置清除
+      if (type === 'mousemove') {
+        this.tileLayerManager.tilePickService.clearPick();
+      }
+    }
+    /**
+     * 清除 select 的选中状态
+     */
+
+  }, {
+    key: "clearPickState",
+    value: function clearPickState() {
+      (0, _utils.clearPickState)(this.children);
+    }
+    /**
+     * 瓦片图层独立的拾取逻辑
+     * @param target
+     * @returns
+     */
+
+  }, {
+    key: "pickLayers",
+    value: function pickLayers(target) {
+      return this.tileLayerManager.pickLayers(target);
+    }
+  }, {
+    key: "setPickState",
+    value: function setPickState(layers) {
+      (0, _utils.setPickState)(layers, this.pickColors);
+    }
+  }, {
+    key: "bindSubLayerPick",
+    value: function bindSubLayerPick() {
+      var _this2 = this;
+
+      this.tileLayerManager.tilePickService.on('pick', function (e) {
+        // @ts-ignore
+        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 = _this2.children.filter(function (child) {
+            return child.inited && child.isVisible() && child.isVector;
+          }).filter(function (child) {
+            return child !== e.layer;
+          });
+
+          var renderList = _this2.layerService.getRenderList();
+
+          var color = (0, _utils.setSelect)(restLayers, [r, g, b], renderList);
+          _this2.pickColors.select = color;
+        } else {
+          (0, _utils.setHighlight)(_this2.children, [r, g, b]);
+          _this2.pickColors.active = [r, g, b];
+        }
+      });
+      this.tileLayerManager.tilePickService.on('unpick', function () {
+        _this2.pickColors.active = null;
+      });
+    }
+  }, {
+    key: "bindSubLayerEvent",
+    value: function bindSubLayerEvent() {
+      var _this3 = this;
+
+      /**
+       * layer.on('click', (ev) => {}); // 鼠标左键点击图层事件
+       * layer.on('mouseenter', (ev) => {}); // 鼠标进入图层要素
+       * layer.on('mousemove', (ev) => {}); // 鼠标在图层上移动时触发
+       * layer.on('mouseout', (ev) => {}); // 鼠标移出图层要素时触发
+       * layer.on('mouseup', (ev) => {}); // 鼠标在图层上单击抬起时触发
+       * layer.on('mousedown', (ev) => {}); // 鼠标在图层上单击按下时触发
+       * layer.on('contextmenu', (ev) => {}); // 图层要素点击右键菜单
+       *
+       *  鼠标在图层外的事件
+       * layer.on('unclick', (ev) => {}); // 图层外点击
+       * layer.on('unmousemove', (ev) => {}); // 图层外移动
+       * layer.on('unmouseup', (ev) => {}); // 图层外鼠标抬起
+       * layer.on('unmousedown', (ev) => {}); // 图层外单击按下时触发
+       * layer.on('uncontextmenu', (ev) => {}); // 图层外点击右键
+       * layer.on('unpick', (ev) => {}); // 图层外的操作的所有事件
+       */
+      this.parent.on('subLayerClick', function (e) {
+        _this3.parent.emit('click', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerMouseMove', function (e) {
+        return _this3.parent.emit('mousemove', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerMouseUp', function (e) {
+        return _this3.parent.emit('mouseup', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerMouseEnter', function (e) {
+        return _this3.parent.emit('mouseenter', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerMouseOut', function (e) {
+        return _this3.parent.emit('mouseout', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerMouseDown', function (e) {
+        return _this3.parent.emit('mousedown', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerContextmenu', function (e) {
+        return _this3.parent.emit('contextmenu', (0, _objectSpread2.default)({}, e));
+      }); // vector layer 图层外事件
+
+      this.parent.on('subLayerUnClick', function (e) {
+        return _this3.parent.emit('unclick', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerUnMouseMove', function (e) {
+        return _this3.parent.emit('unmousemove', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerUnMouseUp', function (e) {
+        return _this3.parent.emit('unmouseup', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerUnMouseDown', function (e) {
+        return _this3.parent.emit('unmousedown', (0, _objectSpread2.default)({}, e));
+      });
+      this.parent.on('subLayerUnContextmenu', function (e) {
+        return _this3.parent.emit('uncontextmenu', (0, _objectSpread2.default)({}, e));
+      });
+    }
+  }]);
+  return TileLayer;
+}(_base.Base);
+
+exports.TileLayer = TileLayer;

package/lib/tile/tileLayer/{baseMapTileLayer.js → base.js}

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.Base = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -13,107 +13,31 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _baseMapTileLayerManager = require("../manager/baseMapTileLayerManager");
-
 var _lodash = require("lodash");
 
-var BaseTileLayer = /*#__PURE__*/function () {
-  function BaseTileLayer(_ref) {
-    var _parentSource$data;
+var _utils = require("../utils");
 
-    var parent = _ref.parent,
-        rendererService = _ref.rendererService,
-        mapService = _ref.mapService,
-        layerService = _ref.layerService;
-    (0, _classCallCheck2.default)(this, BaseTileLayer);
-    (0, _defineProperty2.default)(this, "type", 'baseTile');
+var Base = /*#__PURE__*/function () {
+  function Base() {
+    (0, _classCallCheck2.default)(this, Base);
     (0, _defineProperty2.default)(this, "initedTileset", false);
     (0, _defineProperty2.default)(this, "viewchange", (0, _lodash.debounce)(this.mapchange, 200));
-    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;
-
-    this.sourceLayer = sourceLayer;
-    this.parent = parent;
-    this.mapService = mapService;
-    this.layerService = layerService;
-    this.tileLayerManager = new _baseMapTileLayerManager.BaseMapTileLayerManager(parent, mapService, rendererService);
-    this.initTileSetManager();
   }
-  /**
-   * 渲染瓦片的图层
-   */
 
-
-  (0, _createClass2.default)(BaseTileLayer, [{
+  (0, _createClass2.default)(Base, [{
     key: "children",
     get: function get() {
       return this.tileLayerManager.children;
     }
   }, {
-    key: "render",
-    value: function render() {
-      if (this.tileLayerManager) {
-        this.tileLayerManager.render();
-      }
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-  }, {
-    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, false);
-    }
-  }, {
-    key: "tileUpdate",
-    value: function tileUpdate() {
-      // Base Function
-      if (!this.tilesetManager) {
-        return;
-      }
-
-      if (this.tilesetManager.isLoaded) {
-        // 将事件抛出，图层上可以使用瓦片
-        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
-      }
-    }
-  }, {
-    key: "initTileSetManager",
-    value: function initTileSetManager() {
+    key: "mapchange",
+    value: function mapchange() {
       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: "mapchange",
-    value: function mapchange() {
-      var _this$tilesetManager2;
-
-      var _this$getCurrentView2 = this.getCurrentView(),
-          latLonBounds = _this$getCurrentView2.latLonBounds,
-          zoom = _this$getCurrentView2.zoom;
-
       if (this.mapService.version === 'GAODE1.x') {
         var _this$parent$getLayer = this.parent.getLayerConfig(),
             visible = _this$parent$getLayer.visible;
@@ -139,7 +63,37 @@ var BaseTileLayer = /*#__PURE__*/function () {
         zoom: zoom,
         latLonBounds: latLonBounds
       };
-      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.throttleUpdate(zoom, latLonBounds);
+      (_this$tilesetManager = this.tilesetManager) === null || _this$tilesetManager === void 0 ? void 0 : _this$tilesetManager.throttleUpdate(zoom, latLonBounds);
+    }
+  }, {
+    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
+      };
+    }
+  }, {
+    key: "initTileSetManager",
+    value: function initTileSetManager() {
+      var _this$tilesetManager2;
+
+      var source = this.parent.getSource();
+      this.tilesetManager = source.tileset;
+
+      if (!this.initedTileset) {
+        this.bindTilesetEvent();
+        this.initedTileset = true;
+      }
+
+      var _this$getCurrentView2 = this.getCurrentView(),
+          latLonBounds = _this$getCurrentView2.latLonBounds,
+          zoom = _this$getCurrentView2.zoom;
+
+      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds);
     }
   }, {
     key: "bindTilesetEvent",
@@ -159,6 +113,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
         // 将事件抛出，图层上可以监听使用
         _this.tileUnLoad(tile);
       }); // 瓦片数据加载失败
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
 
       this.tilesetManager.on('tile-error', function (error, tile) {
         // 将事件抛出，图层上可以监听使用
@@ -175,18 +130,22 @@ var BaseTileLayer = /*#__PURE__*/function () {
       this.mapService.on('moveend', function () {
         return _this.viewchange();
       });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      this.tileLayerManager.render();
     } //  防抖操作
 
   }, {
-    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
-      };
+    key: "tileLoaded",
+    value: // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    function tileLoaded(tile) {//
+    }
+  }, {
+    key: "tileError",
+    value: function tileError(error) {
+      console.warn('error:', error);
     }
   }, {
     key: "destroy",
@@ -194,9 +153,73 @@ var BaseTileLayer = /*#__PURE__*/function () {
       var _this$tilesetManager3;
 
       (_this$tilesetManager3 = this.tilesetManager) === null || _this$tilesetManager3 === void 0 ? void 0 : _this$tilesetManager3.destroy();
+      this.tileLayerManager.destroy();
     }
+  }, {
+    key: "tileUnLoad",
+    value: function tileUnLoad(tile) {
+      this.tileLayerManager.removeTile(tile);
+    }
+  }, {
+    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 (!_this2.isTileReady(tile)) return;
+
+        if (!_this2.tileLayerManager.hasTile(tile)) {
+          var _this2$tileLayerManag = _this2.tileLayerManager.addTile(tile),
+              layers = _this2$tileLayerManag.layers;
+
+          _this2.setPickState(layers);
+        } else {
+          if (!tile.isVisibleChange) {
+            return;
+          }
+
+          var _layers = _this2.tileLayerManager.getChildren(tile.layerIDList);
+
+          (0, _utils.updateTileVisible)(tile, _layers, _this2.layerService);
+
+          _this2.setPickState(_layers);
+        }
+      });
+
+      if (this.tilesetManager.isLoaded) {
+        // 将事件抛出，图层上可以使用瓦片
+        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
+      }
+    }
+  }, {
+    key: "isTileReady",
+    value: function isTileReady(tile) {
+      var _tile$data;
+
+      if ((_tile$data = tile.data) !== null && _tile$data !== void 0 && _tile$data.layers && this.sourceLayer) {
+        // vector
+        var vectorTileLayer = tile.data.layers[this.sourceLayer];
+        var features = vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.features;
+
+        if (!(Array.isArray(features) && features.length > 0)) {
+          return false;
+        }
+      }
+
+      return true;
+    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+  }, {
+    key: "setPickState",
+    value: function setPickState(layers) {}
   }]);
-  return BaseTileLayer;
+  return Base;
 }();
 
-exports.default = BaseTileLayer;
+exports.Base = Base;