@antv/l7-layers 2.14.2 → 2.14.4

package/es/core/BaseLayer.js

@@ -524,7 +524,7 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = /*#__P
     key: "filter",
     value: function filter(field, values, updateOptions) {
       var flag = this.updateStyleAttribute('filter', field, values, updateOptions);
-      this.dataState.dataSourceNeedUpdate = flag;
+      this.dataState.dataSourceNeedUpdate = flag && this.inited;
       return this;
     }
   }, {
@@ -535,7 +535,7 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = /*#__P
         values: values
       };
       var flag = this.updateStyleAttribute('shape', field, values, updateOptions);
-      this.dataState.dataSourceNeedUpdate = flag;
+      this.dataState.dataSourceNeedUpdate = flag && this.inited;
       return this;
     }
   }, {

package/es/core/LayerPickService.js

@@ -1,9 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { TYPES } from '@antv/l7-core';
 import { lngLatInExtent } from '@antv/l7-utils';
 
@@ -17,6 +15,8 @@ var BaseLayerPickService = /*#__PURE__*/function () {
   _createClass(BaseLayerPickService, [{
     key: "pickRender",
     value: function pickRender(target) {
+      var container = this.layer.getContainer();
+      var layerService = container.get(TYPES.ILayerService);
       var layer = this.layer; // 瓦片图层的拾取绘制
 
       if (layer.tileLayer) {
@@ -24,35 +24,7 @@ var BaseLayerPickService = /*#__PURE__*/function () {
       }
 
       layer.hooks.beforePickingEncode.call();
-
-      if (layer.masks.length > 0) {
-        // 若存在 mask，则在 pick 阶段的绘制也启用
-        layer.masks.filter(function (mask) {
-          return mask.inited;
-        }).forEach( /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(m) {
-            return _regeneratorRuntime.wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    m.render({
-                      isStencil: true
-                    });
-
-                  case 1:
-                  case "end":
-                    return _context.stop();
-                }
-              }
-            }, _callee);
-          }));
-
-          return function (_x) {
-            return _ref.apply(this, arguments);
-          };
-        }());
-      }
-
+      layerService.renderTileLayerMask(layer);
       layer.renderModels({
         ispick: true
       });

package/es/tile/tileFactory/index.js

@@ -1,3 +1,4 @@
+import { RasterTileType } from '@antv/l7-core';
 import DebugTile from "./DebugTile";
 import ImageTile from "./ImageTile";
 import MaskLayer from "./MaskTile";
@@ -28,15 +29,16 @@ export function getTileFactory(layer) {
       var dataType = layer.getSource().parser.dataType;
 
       switch (dataType) {
-        case 'rgb':
-        case 'customRGB':
+        case RasterTileType.RGB:
+        case RasterTileType.CUSTOMRGB:
           return RasterRGBTile;
 
-        case 'arraybuffer':
-        case 'customArrayBuffer':
+        case RasterTileType.ARRAYBUFFER:
+        case RasterTileType.CUSTOMARRAYBUFFER:
           return RasterTile;
 
-        case 'terrainRGB':
+        case RasterTileType.TERRAINRGB:
+        case RasterTileType.CUSTOMTERRAINRGB:
           return RasterTerrainRGBTile;
 
         default:

package/es/tile/tileLayer/BaseLayer.d.ts

@@ -18,7 +18,7 @@ export default class BaseTileLayer {
     };
     constructor(parent: ILayer);
     protected initTileSetManager(): void;
-    protected mapchange(): void;
+    protected mapchange: () => void;
     protected getCurrentView(): {
         latLonBounds: [number, number, number, number];
         zoom: number;

package/es/tile/tileLayer/BaseLayer.js

@@ -13,10 +13,49 @@ import { getTileFactory } from "../tileFactory";
 var BaseTileLayer = /*#__PURE__*/function () {
   // 瓦片数据管理器
   function BaseTileLayer(parent) {
+    var _this = this;
+
     _classCallCheck(this, BaseTileLayer);
 
     _defineProperty(this, "initedTileset", false);
 
+    _defineProperty(this, "mapchange", function () {
+      var _this$tilesetManager;
+
+      var _this$getCurrentView = _this.getCurrentView(),
+          latLonBounds = _this$getCurrentView.latLonBounds,
+          zoom = _this$getCurrentView.zoom;
+
+      if (_this.mapService.version === 'GAODE1.x') {
+        var _this$parent$getLayer = _this.parent.getLayerConfig(),
+            visible = _this$parent$getLayer.visible;
+
+        if (zoom < 2 && visible) {
+          _this.parent.updateLayerConfig({
+            visible: false
+          });
+
+          _this.layerService.reRender();
+        } else if (zoom >= 2 && !visible) {
+          _this.parent.updateLayerConfig({
+            visible: true
+          });
+
+          _this.layerService.reRender();
+        }
+      }
+
+      if (_this.lastViewStates && _this.lastViewStates.zoom === zoom && _this.lastViewStates.latLonBounds.toString() === latLonBounds.toString()) {
+        return;
+      }
+
+      _this.lastViewStates = {
+        zoom: zoom,
+        latLonBounds: latLonBounds
+      };
+      (_this$tilesetManager = _this.tilesetManager) === null || _this$tilesetManager === void 0 ? void 0 : _this$tilesetManager.throttleUpdate(zoom, latLonBounds);
+    });
+
     _defineProperty(this, "viewchange", debounce(this.mapchange, 24));
 
     this.parent = parent;
@@ -46,7 +85,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
   _createClass(BaseTileLayer, [{
     key: "initTileSetManager",
     value: function initTileSetManager() {
-      var _this$tilesetManager;
+      var _this$tilesetManager2;
 
       var source = this.parent.getSource();
       this.tilesetManager = source.tileset;
@@ -56,47 +95,11 @@ var BaseTileLayer = /*#__PURE__*/function () {
         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;
-
-        if (zoom < 2 && visible) {
-          this.parent.updateLayerConfig({
-            visible: false
-          });
-          this.layerService.reRender();
-        } else if (zoom >= 2 && !visible) {
-          this.parent.updateLayerConfig({
-            visible: true
-          });
-          this.layerService.reRender();
-        }
-      }
-
-      if (this.lastViewStates && this.lastViewStates.zoom === zoom && this.lastViewStates.latLonBounds.toString() === latLonBounds.toString()) {
-        return;
-      }
-
-      this.lastViewStates = {
-        zoom: zoom,
-        latLonBounds: latLonBounds
-      };
-      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.throttleUpdate(zoom, latLonBounds);
+      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds);
     }
   }, {
     key: "getCurrentView",
@@ -112,7 +115,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "bindTilesetEvent",
     value: function bindTilesetEvent() {
-      var _this = this;
+      var _this2 = this;
 
       // 瓦片数据加载成功
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -121,25 +124,21 @@ var BaseTileLayer = /*#__PURE__*/function () {
 
       this.tilesetManager.on('tile-unload', function (tile) {
         // 将事件抛出，图层上可以监听使用
-        _this.tileUnLoad(tile);
+        _this2.tileUnLoad(tile);
       }); // 瓦片数据加载失败
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
 
       this.tilesetManager.on('tile-error', function (error, tile) {
         // 将事件抛出，图层上可以监听使用
-        _this.tileError(error);
+        _this2.tileError(error);
       }); // 瓦片显隐状态更新
 
       this.tilesetManager.on('tile-update', function () {
-        _this.tileUpdate();
+        _this2.tileUpdate();
       }); // 地图视野发生改变
 
-      this.mapService.on('zoomend', function () {
-        return _this.mapchange();
-      });
-      this.mapService.on('moveend', function () {
-        return _this.viewchange();
-      });
+      this.mapService.on('zoomend', this.mapchange);
+      this.mapService.on('moveend', this.viewchange);
     }
   }, {
     key: "render",
@@ -177,6 +176,8 @@ var BaseTileLayer = /*#__PURE__*/function () {
     value: function destroy() {
       var _this$tilesetManager3;
 
+      this.mapService.off('zoomend', this.mapchange);
+      this.mapService.off('moveend', this.viewchange);
       (_this$tilesetManager3 = this.tilesetManager) === null || _this$tilesetManager3 === void 0 ? void 0 : _this$tilesetManager3.destroy();
       this.tileLayerService.destroy();
     }
@@ -189,7 +190,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
     key: "tileUpdate",
     value: function () {
       var _tileUpdate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        var _this2 = this;
+        var _this3 = this;
 
         var minZoom, maxZoom;
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -224,25 +225,25 @@ var BaseTileLayer = /*#__PURE__*/function () {
                       while (1) {
                         switch (_context.prev = _context.next) {
                           case 0:
-                            if (_this2.tileLayerService.hasTile(tile.key)) {
+                            if (_this3.tileLayerService.hasTile(tile.key)) {
                               _context.next = 9;
                               break;
                             }
 
-                            tileInstance = getTileFactory(_this2.parent);
-                            tileLayer = new tileInstance(tile, _this2.parent);
+                            tileInstance = getTileFactory(_this3.parent);
+                            tileLayer = new tileInstance(tile, _this3.parent);
                             _context.next = 5;
                             return tileLayer.initTileLayer();
 
                           case 5:
-                            _this2.tilePickService.setPickState();
+                            _this3.tilePickService.setPickState();
 
                             if (tileLayer.getLayers().length !== 0) {
-                              _this2.tileLayerService.addTile(tileLayer);
+                              _this3.tileLayerService.addTile(tileLayer);
 
-                              _this2.tileLayerService.updateTileVisible(tile);
+                              _this3.tileLayerService.updateTileVisible(tile);
 
-                              _this2.layerService.reRender();
+                              _this3.layerService.reRender();
                             }
 
                             _context.next = 12;
@@ -250,11 +251,11 @@ var BaseTileLayer = /*#__PURE__*/function () {
 
                           case 9:
                             // 已加载瓦片
-                            _this2.tileLayerService.updateTileVisible(tile);
+                            _this3.tileLayerService.updateTileVisible(tile);
 
-                            _this2.tilePickService.setPickState();
+                            _this3.tilePickService.setPickState();
 
-                            _this2.layerService.reRender();
+                            _this3.layerService.reRender();
 
                           case 12:
                           case "end":
@@ -318,7 +319,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "proxy",
     value: function proxy(parent) {
-      var _this3 = this;
+      var _this4 = this;
 
       ProxyFuncs.forEach(function (func) {
         // @ts-ignore
@@ -331,14 +332,14 @@ var BaseTileLayer = /*#__PURE__*/function () {
 
           oldStyleFunc.apply(void 0, args);
 
-          _this3.getLayers().map(function (child) {
+          _this4.getLayers().map(function (child) {
             // @ts-ignore
             child[func].apply(child, args);
           }); // Tip: 目前在更新 RasterData 的 colorTexture 的时候需要额外优化
 
 
           if (func === 'style') {
-            _this3.getTiles().forEach(function (tile) {
+            _this4.getTiles().forEach(function (tile) {
               return tile.styleUpdate.apply(tile, args);
             });
           }

package/lib/core/BaseLayer.js

@@ -526,7 +526,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
     key: "filter",
     value: function filter(field, values, updateOptions) {
       var flag = this.updateStyleAttribute('filter', field, values, updateOptions);
-      this.dataState.dataSourceNeedUpdate = flag;
+      this.dataState.dataSourceNeedUpdate = flag && this.inited;
       return this;
     }
   }, {
@@ -537,7 +537,7 @@ var BaseLayer = (_dec = (0, _l7Core.lazyInject)(_l7Core.TYPES.IGlobalConfigServi
         values: values
       };
       var flag = this.updateStyleAttribute('shape', field, values, updateOptions);
-      this.dataState.dataSourceNeedUpdate = flag;
+      this.dataState.dataSourceNeedUpdate = flag && this.inited;
       return this;
     }
   }, {

package/lib/core/LayerPickService.js

@@ -7,14 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -32,6 +28,8 @@ var BaseLayerPickService = /*#__PURE__*/function () {
   (0, _createClass2.default)(BaseLayerPickService, [{
     key: "pickRender",
     value: function pickRender(target) {
+      var container = this.layer.getContainer();
+      var layerService = container.get(_l7Core.TYPES.ILayerService);
       var layer = this.layer; // 瓦片图层的拾取绘制
 
       if (layer.tileLayer) {
@@ -39,35 +37,7 @@ var BaseLayerPickService = /*#__PURE__*/function () {
       }
 
       layer.hooks.beforePickingEncode.call();
-
-      if (layer.masks.length > 0) {
-        // 若存在 mask，则在 pick 阶段的绘制也启用
-        layer.masks.filter(function (mask) {
-          return mask.inited;
-        }).forEach( /*#__PURE__*/function () {
-          var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(m) {
-            return _regenerator.default.wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    m.render({
-                      isStencil: true
-                    });
-
-                  case 1:
-                  case "end":
-                    return _context.stop();
-                }
-              }
-            }, _callee);
-          }));
-
-          return function (_x) {
-            return _ref.apply(this, arguments);
-          };
-        }());
-      }
-
+      layerService.renderTileLayerMask(layer);
       layer.renderModels({
         ispick: true
       });

package/lib/tile/tileFactory/index.js

@@ -10,6 +10,8 @@ var _exportNames = {
 };
 exports.getTileFactory = getTileFactory;
 
+var _l7Core = require("@antv/l7-core");
+
 var _DebugTile = _interopRequireDefault(require("./DebugTile"));
 
 var _ImageTile = _interopRequireDefault(require("./ImageTile"));
@@ -75,15 +77,16 @@ function getTileFactory(layer) {
       var dataType = layer.getSource().parser.dataType;
 
       switch (dataType) {
-        case 'rgb':
-        case 'customRGB':
+        case _l7Core.RasterTileType.RGB:
+        case _l7Core.RasterTileType.CUSTOMRGB:
           return _RasterRGBTile.default;
 
-        case 'arraybuffer':
-        case 'customArrayBuffer':
+        case _l7Core.RasterTileType.ARRAYBUFFER:
+        case _l7Core.RasterTileType.CUSTOMARRAYBUFFER:
           return _RasterTile.default;
 
-        case 'terrainRGB':
+        case _l7Core.RasterTileType.TERRAINRGB:
+        case _l7Core.RasterTileType.CUSTOMTERRAINRGB:
           return _RasterTerrainRGBTile.default;
 
         default:

package/lib/tile/tileLayer/BaseLayer.js

@@ -32,8 +32,46 @@ var _tileFactory = require("../tileFactory");
 var BaseTileLayer = /*#__PURE__*/function () {
   // 瓦片数据管理器
   function BaseTileLayer(parent) {
+    var _this = this;
+
     (0, _classCallCheck2.default)(this, BaseTileLayer);
     (0, _defineProperty2.default)(this, "initedTileset", false);
+    (0, _defineProperty2.default)(this, "mapchange", function () {
+      var _this$tilesetManager;
+
+      var _this$getCurrentView = _this.getCurrentView(),
+          latLonBounds = _this$getCurrentView.latLonBounds,
+          zoom = _this$getCurrentView.zoom;
+
+      if (_this.mapService.version === 'GAODE1.x') {
+        var _this$parent$getLayer = _this.parent.getLayerConfig(),
+            visible = _this$parent$getLayer.visible;
+
+        if (zoom < 2 && visible) {
+          _this.parent.updateLayerConfig({
+            visible: false
+          });
+
+          _this.layerService.reRender();
+        } else if (zoom >= 2 && !visible) {
+          _this.parent.updateLayerConfig({
+            visible: true
+          });
+
+          _this.layerService.reRender();
+        }
+      }
+
+      if (_this.lastViewStates && _this.lastViewStates.zoom === zoom && _this.lastViewStates.latLonBounds.toString() === latLonBounds.toString()) {
+        return;
+      }
+
+      _this.lastViewStates = {
+        zoom: zoom,
+        latLonBounds: latLonBounds
+      };
+      (_this$tilesetManager = _this.tilesetManager) === null || _this$tilesetManager === void 0 ? void 0 : _this$tilesetManager.throttleUpdate(zoom, latLonBounds);
+    });
     (0, _defineProperty2.default)(this, "viewchange", (0, _lodash.debounce)(this.mapchange, 24));
     this.parent = parent;
     var container = this.parent.getContainer();
@@ -62,7 +100,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
   (0, _createClass2.default)(BaseTileLayer, [{
     key: "initTileSetManager",
     value: function initTileSetManager() {
-      var _this$tilesetManager;
+      var _this$tilesetManager2;
 
       var source = this.parent.getSource();
       this.tilesetManager = source.tileset;
@@ -72,47 +110,11 @@ var BaseTileLayer = /*#__PURE__*/function () {
         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;
-
-        if (zoom < 2 && visible) {
-          this.parent.updateLayerConfig({
-            visible: false
-          });
-          this.layerService.reRender();
-        } else if (zoom >= 2 && !visible) {
-          this.parent.updateLayerConfig({
-            visible: true
-          });
-          this.layerService.reRender();
-        }
-      }
-
-      if (this.lastViewStates && this.lastViewStates.zoom === zoom && this.lastViewStates.latLonBounds.toString() === latLonBounds.toString()) {
-        return;
-      }
-
-      this.lastViewStates = {
-        zoom: zoom,
-        latLonBounds: latLonBounds
-      };
-      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.throttleUpdate(zoom, latLonBounds);
+      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds);
     }
   }, {
     key: "getCurrentView",
@@ -128,7 +130,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "bindTilesetEvent",
     value: function bindTilesetEvent() {
-      var _this = this;
+      var _this2 = this;
 
       // 瓦片数据加载成功
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -137,25 +139,21 @@ var BaseTileLayer = /*#__PURE__*/function () {
 
       this.tilesetManager.on('tile-unload', function (tile) {
         // 将事件抛出，图层上可以监听使用
-        _this.tileUnLoad(tile);
+        _this2.tileUnLoad(tile);
       }); // 瓦片数据加载失败
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
 
       this.tilesetManager.on('tile-error', function (error, tile) {
         // 将事件抛出，图层上可以监听使用
-        _this.tileError(error);
+        _this2.tileError(error);
       }); // 瓦片显隐状态更新
 
       this.tilesetManager.on('tile-update', function () {
-        _this.tileUpdate();
+        _this2.tileUpdate();
       }); // 地图视野发生改变
 
-      this.mapService.on('zoomend', function () {
-        return _this.mapchange();
-      });
-      this.mapService.on('moveend', function () {
-        return _this.viewchange();
-      });
+      this.mapService.on('zoomend', this.mapchange);
+      this.mapService.on('moveend', this.viewchange);
     }
   }, {
     key: "render",
@@ -193,6 +191,8 @@ var BaseTileLayer = /*#__PURE__*/function () {
     value: function destroy() {
       var _this$tilesetManager3;
 
+      this.mapService.off('zoomend', this.mapchange);
+      this.mapService.off('moveend', this.viewchange);
       (_this$tilesetManager3 = this.tilesetManager) === null || _this$tilesetManager3 === void 0 ? void 0 : _this$tilesetManager3.destroy();
       this.tileLayerService.destroy();
     }
@@ -205,7 +205,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
     key: "tileUpdate",
     value: function () {
       var _tileUpdate = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        var _this2 = this;
+        var _this3 = this;
 
         var minZoom, maxZoom;
         return _regenerator.default.wrap(function _callee2$(_context2) {
@@ -240,25 +240,25 @@ var BaseTileLayer = /*#__PURE__*/function () {
                       while (1) {
                         switch (_context.prev = _context.next) {
                           case 0:
-                            if (_this2.tileLayerService.hasTile(tile.key)) {
+                            if (_this3.tileLayerService.hasTile(tile.key)) {
                               _context.next = 9;
                               break;
                             }
 
-                            tileInstance = (0, _tileFactory.getTileFactory)(_this2.parent);
-                            tileLayer = new tileInstance(tile, _this2.parent);
+                            tileInstance = (0, _tileFactory.getTileFactory)(_this3.parent);
+                            tileLayer = new tileInstance(tile, _this3.parent);
                             _context.next = 5;
                             return tileLayer.initTileLayer();
 
                           case 5:
-                            _this2.tilePickService.setPickState();
+                            _this3.tilePickService.setPickState();
 
                             if (tileLayer.getLayers().length !== 0) {
-                              _this2.tileLayerService.addTile(tileLayer);
+                              _this3.tileLayerService.addTile(tileLayer);
 
-                              _this2.tileLayerService.updateTileVisible(tile);
+                              _this3.tileLayerService.updateTileVisible(tile);
 
-                              _this2.layerService.reRender();
+                              _this3.layerService.reRender();
                             }
 
                             _context.next = 12;
@@ -266,11 +266,11 @@ var BaseTileLayer = /*#__PURE__*/function () {
 
                           case 9:
                             // 已加载瓦片
-                            _this2.tileLayerService.updateTileVisible(tile);
+                            _this3.tileLayerService.updateTileVisible(tile);
 
-                            _this2.tilePickService.setPickState();
+                            _this3.tilePickService.setPickState();
 
-                            _this2.layerService.reRender();
+                            _this3.layerService.reRender();
 
                           case 12:
                           case "end":
@@ -334,7 +334,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "proxy",
     value: function proxy(parent) {
-      var _this3 = this;
+      var _this4 = this;
 
       _constants.ProxyFuncs.forEach(function (func) {
         // @ts-ignore
@@ -347,14 +347,14 @@ var BaseTileLayer = /*#__PURE__*/function () {
 
           oldStyleFunc.apply(void 0, args);
 
-          _this3.getLayers().map(function (child) {
+          _this4.getLayers().map(function (child) {
             // @ts-ignore
             child[func].apply(child, args);
           }); // Tip: 目前在更新 RasterData 的 colorTexture 的时候需要额外优化
 
 
           if (func === 'style') {
-            _this3.getTiles().forEach(function (tile) {
+            _this4.getTiles().forEach(function (tile) {
               return tile.styleUpdate.apply(tile, args);
             });
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-layers",
-  "version": "2.14.2",
+  "version": "2.14.4",
   "description": "L7's collection of built-in layers",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -27,10 +27,10 @@
   "license": "ISC",
   "dependencies": {
     "@antv/async-hook": "^2.2.9",
-    "@antv/l7-core": "2.14.2",
-    "@antv/l7-maps": "2.14.2",
-    "@antv/l7-source": "2.14.2",
-    "@antv/l7-utils": "2.14.2",
+    "@antv/l7-core": "2.14.4",
+    "@antv/l7-maps": "2.14.4",
+    "@antv/l7-source": "2.14.4",
+    "@antv/l7-utils": "2.14.4",
     "@babel/runtime": "^7.7.7",
     "@mapbox/martini": "^0.2.0",
     "@turf/clone": "^6.5.0",
@@ -53,7 +53,7 @@
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {
-    "@antv/l7-test-utils": "2.14.2",
+    "@antv/l7-test-utils": "2.14.4",
     "@types/d3-array": "^2.0.0",
     "@types/d3-color": "^1.2.2",
     "@types/d3-interpolate": "1.1.6",
@@ -62,7 +62,7 @@
     "@types/gl-matrix": "^2.4.5",
     "@types/lodash": "^4.14.138"
   },
-  "gitHead": "21cf191b577dbd06836ff20ebf545870f1b6b281",
+  "gitHead": "0d01c2e1daea1b571b4e467186c9fee754b98429",
   "publishConfig": {
     "access": "public"
   }