@antv/l7-layers 2.9.27-alpha.2 → 2.9.27-alpha.4

package/lib/tile/tileLayer/baseMapTileLayer.js

@@ -0,0 +1,195 @@
+"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 _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 parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService;
+    (0, _classCallCheck2.default)(this, BaseTileLayer);
+    (0, _defineProperty2.default)(this, "type", 'baseTile');
+    (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, [{
+    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() {
+      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;
+
+        if (zoom < 3 && visible) {
+          this.parent.updateLayerConfig({
+            visible: false
+          });
+          this.layerService.reRender();
+        } else if (zoom >= 3 && !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.update(zoom, latLonBounds);
+    }
+  }, {
+    key: "bindTilesetEvent",
+    value: function bindTilesetEvent() {
+      var _this = this;
+
+      if (!this.tilesetManager) {
+        return;
+      } // 瓦片数据加载成功
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+
+      this.tilesetManager.on('tile-loaded', function (tile) {// 将事件抛出，图层上可以监听使用
+      }); // 瓦片数据从缓存删除或被执行重新加载
+
+      this.tilesetManager.on('tile-unload', function (tile) {
+        // 将事件抛出，图层上可以监听使用
+        _this.tileUnLoad(tile);
+      }); // 瓦片数据加载失败
+
+      this.tilesetManager.on('tile-error', function (error, tile) {
+        // 将事件抛出，图层上可以监听使用
+        _this.tileError(error);
+      }); // 瓦片显隐状态更新
+
+      this.tilesetManager.on('tile-update', function () {
+        _this.tileUpdate();
+      }); // 地图视野发生改变
+
+      this.mapService.on('zoomend', function () {
+        return _this.viewchange();
+      });
+      this.mapService.on('moveend', function () {
+        return _this.viewchange();
+      });
+    } //  防抖操作
+
+  }, {
+    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;

package/lib/tile/tileLayer/baseTileLayer.js

@@ -21,6 +21,8 @@ var _l7Utils = require("@antv/l7-utils");
 
 var _tileLayerManager = require("../manager/tileLayerManager");
 
+var _lodash = require("lodash");
+
 var BaseTileLayer = /*#__PURE__*/function () {
   function BaseTileLayer(_ref) {
     var _parentSource$data;
@@ -38,18 +40,17 @@ var BaseTileLayer = /*#__PURE__*/function () {
       select: null,
       active: null
     });
+    (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,
-        coords = _ref2.coords,
-        featureId = _ref2.featureId;
+        sourceLayer = _ref2.sourceLayer;
 
     this.sourceLayer = sourceLayer;
     this.parent = parent;
     this.mapService = mapService;
     this.layerService = layerService;
-    this.tileLayerManager = new _tileLayerManager.TileLayerManager(parent, mapService, rendererService, pickingService, layerService, transforms);
+    this.tileLayerManager = new _tileLayerManager.TileLayerManager(parent, mapService, rendererService, pickingService, transforms);
     this.initTileSetManager();
     this.bindSubLayerEvent();
     this.bindSubLayerPick();
@@ -126,35 +127,11 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "tileUpdate",
     value: function tileUpdate() {
-      var _this2 = this;
-
       // Base Function
       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.isVisibleChange) {
-            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);
@@ -163,12 +140,12 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "setPickState",
     value: function setPickState(layers) {
-      var _this3 = this;
+      var _this2 = this;
 
       if (this.pickColors.select) {
         var selectedId = (0, _l7Utils.decodePickingColor)(this.pickColors.select);
         layers.map(function (layer) {
-          _this3.selectFeature(layer, _this3.pickColors.select);
+          _this2.selectFeature(layer, _this2.pickColors.select);
 
           layer.setCurrentSelectedId(selectedId);
         });
@@ -180,7 +157,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
         layers.filter(function (layer) {
           return layer.inited && layer.isVisible();
         }).map(function (layer) {
-          layer.hooks.beforeHighlight.call(_this3.pickColors.active);
+          layer.hooks.beforeHighlight.call(_this2.pickColors.active);
           layer.setCurrentPickId(_selectedId);
         });
       }
@@ -188,7 +165,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "bindSubLayerPick",
     value: function bindSubLayerPick() {
-      var _this4 = this;
+      var _this3 = this;
 
       this.tileLayerManager.tilePickManager.on('pick', function (e) {
         // @ts-ignore
@@ -198,19 +175,19 @@ var BaseTileLayer = /*#__PURE__*/function () {
             b = _e$pickedColors[2];
 
         if (e.type === 'click') {
-          var restLayers = _this4.children.filter(function (child) {
+          var restLayers = _this3.children.filter(function (child) {
             return child.inited && child.isVisible() && child.isVector;
           }).filter(function (child) {
             return child !== e.layer;
           });
 
-          _this4.setSelect(restLayers, [r, g, b]);
+          _this3.setSelect(restLayers, [r, g, b]);
         } else {
-          _this4.setHighlight([r, g, b]);
+          _this3.setHighlight([r, g, b]);
         }
       });
       this.tileLayerManager.tilePickManager.on('unpick', function () {
-        _this4.pickColors.active = null;
+        _this3.pickColors.active = null;
       });
     }
   }, {
@@ -233,21 +210,21 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "setSelect",
     value: function setSelect(layers, pickedColors) {
-      var _this5 = this;
+      var _this4 = this;
 
       var selectedId = (0, _l7Utils.decodePickingColor)(pickedColors);
       layers.map(function (layer) {
         if (layer.getCurrentSelectedId() === null || selectedId !== layer.getCurrentSelectedId()) {
-          _this5.selectFeature(layer, pickedColors);
+          _this4.selectFeature(layer, pickedColors);
 
           layer.setCurrentSelectedId(selectedId);
-          _this5.pickColors.select = pickedColors;
+          _this4.pickColors.select = pickedColors;
         } else {
-          _this5.selectFeature(layer, new Uint8Array([0, 0, 0, 0])); // toggle select
+          _this4.selectFeature(layer, new Uint8Array([0, 0, 0, 0])); // toggle select
 
 
           layer.setCurrentSelectedId(null);
-          _this5.pickColors.select = null;
+          _this4.pickColors.select = null;
         }
       }); // unselect normal layer
 
@@ -257,7 +234,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
       }).filter(function (layer) {
         return layer.getCurrentSelectedId() !== null;
       }).map(function (layer) {
-        _this5.selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
+        _this4.selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
 
         layer.setCurrentSelectedId(null);
       });
@@ -276,7 +253,7 @@ var BaseTileLayer = /*#__PURE__*/function () {
   }, {
     key: "bindSubLayerEvent",
     value: function bindSubLayerEvent() {
-      var _this6 = this;
+      var _this5 = this;
 
       /**
        * layer.on('click', (ev) => {}); // 鼠标左键点击图层事件
@@ -296,41 +273,41 @@ var BaseTileLayer = /*#__PURE__*/function () {
        * layer.on('unpick', (ev) => {}); // 图层外的操作的所有事件
        */
       this.parent.on('subLayerClick', function (e) {
-        _this6.parent.emit('click', (0, _objectSpread2.default)({}, e));
+        _this5.parent.emit('click', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerMouseMove', function (e) {
-        return _this6.parent.emit('mousemove', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('mousemove', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerMouseUp', function (e) {
-        return _this6.parent.emit('mouseup', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('mouseup', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerMouseEnter', function (e) {
-        return _this6.parent.emit('mouseenter', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('mouseenter', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerMouseOut', function (e) {
-        return _this6.parent.emit('mouseout', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('mouseout', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerMouseDown', function (e) {
-        return _this6.parent.emit('mousedown', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('mousedown', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerContextmenu', function (e) {
-        return _this6.parent.emit('contextmenu', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('contextmenu', (0, _objectSpread2.default)({}, e));
       }); // vector layer 图层外事件
 
       this.parent.on('subLayerUnClick', function (e) {
-        return _this6.parent.emit('unclick', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('unclick', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerUnMouseMove', function (e) {
-        return _this6.parent.emit('unmousemove', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('unmousemove', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerUnMouseUp', function (e) {
-        return _this6.parent.emit('unmouseup', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('unmouseup', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerUnMouseDown', function (e) {
-        return _this6.parent.emit('unmousedown', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('unmousedown', (0, _objectSpread2.default)({}, e));
       });
       this.parent.on('subLayerUnContextmenu', function (e) {
-        return _this6.parent.emit('uncontextmenu', (0, _objectSpread2.default)({}, e));
+        return _this5.parent.emit('uncontextmenu', (0, _objectSpread2.default)({}, e));
       });
     }
   }, {
@@ -369,12 +346,12 @@ var BaseTileLayer = /*#__PURE__*/function () {
           this.parent.updateLayerConfig({
             visible: false
           });
-          this.layerService.updateLayerRenderList();
+          this.layerService.reRender();
         } else if (zoom >= 3 && !visible) {
           this.parent.updateLayerConfig({
             visible: true
           });
-          this.layerService.updateLayerRenderList();
+          this.layerService.reRender();
         }
       }
 
@@ -386,49 +363,43 @@ var BaseTileLayer = /*#__PURE__*/function () {
         zoom: zoom,
         latLonBounds: latLonBounds
       };
-
-      if (this.timer) {
-        clearTimeout(this.timer);
-        this.timer = null;
-      } // this.timer = setTimeout(() => {
-
-
-      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds); // }, 250);
+      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(zoom, latLonBounds);
     }
   }, {
     key: "bindTilesetEvent",
     value: function bindTilesetEvent() {
-      var _this7 = this;
+      var _this6 = this;
 
       if (!this.tilesetManager) {
         return;
       } // 瓦片数据加载成功
 
 
-      this.tilesetManager.on('tile-loaded', function (tile) {// todo: 将事件抛出，图层上可以监听使用
+      this.tilesetManager.on('tile-loaded', function (tile) {// 将事件抛出，图层上可以监听使用
       }); // 瓦片数据从缓存删除或被执行重新加载
 
       this.tilesetManager.on('tile-unload', function (tile) {
-        // todo: 将事件抛出，图层上可以监听使用
-        _this7.tileUnLoad(tile);
+        // 将事件抛出，图层上可以监听使用
+        _this6.tileUnLoad(tile);
       }); // 瓦片数据加载失败
 
       this.tilesetManager.on('tile-error', function (error, tile) {
-        // todo: 将事件抛出，图层上可以监听使用
-        _this7.tileError(error);
+        // 将事件抛出，图层上可以监听使用
+        _this6.tileError(error);
       }); // 瓦片显隐状态更新
 
       this.tilesetManager.on('tile-update', function () {
-        _this7.tileUpdate();
+        _this6.tileUpdate();
       }); // 地图视野发生改变
 
       this.mapService.on('zoomend', function () {
-        return _this7.mapchange();
+        return _this6.viewchange();
       });
       this.mapService.on('moveend', function () {
-        return _this7.mapchange();
+        return _this6.viewchange();
       });
-    }
+    } //  防抖操作
+
   }, {
     key: "getCurrentView",
     value: function getCurrentView() {

package/lib/tile/tileTest.js

@@ -49,7 +49,8 @@ var TileDebugLayer = /*#__PURE__*/function (_BaseLayer) {
       data: [],
       options: {
         parser: {
-          type: 'testTile'
+          type: 'testTile',
+          cancelExtent: true
         }
       }
     });
@@ -65,7 +66,7 @@ var TileDebugLayer = /*#__PURE__*/function (_BaseLayer) {
       this.layerModel.initModels(function (models) {
         _this2.models = models;
 
-        _this2.renderLayers();
+        _this2.emit('modelLoaded', null);
       });
     }
   }]);

package/lib/tile/tmsMapTileLayer.js

@@ -0,0 +1,136 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TMSBaseMapTileLayer = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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 _baseMapTileLayer = _interopRequireDefault(require("./tileLayer/baseMapTileLayer"));
+
+var _utils = require("./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 TMSBaseMapTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
+  (0, _inherits2.default)(TMSBaseMapTileLayer, _BaseTileLayer);
+
+  var _super = _createSuper(TMSBaseMapTileLayer);
+
+  function TMSBaseMapTileLayer() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, TMSBaseMapTileLayer);
+
+    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), "type", 'BaseMapTMS');
+    return _this;
+  }
+
+  (0, _createClass2.default)(TMSBaseMapTileLayer, [{
+    key: "tileUnLoad",
+    value: function tileUnLoad(tile) {
+      this.tileLayerManager.removeChilds(tile.layerIDList, false);
+    }
+  }, {
+    key: "tileUpdate",
+    value: function tileUpdate() {
+      var _this2 = this;
+
+      if (!this.tilesetManager) {
+        return;
+      }
+
+      this.tilesetManager.tiles.filter(function (tile) {
+        return tile.isLoaded;
+      }).map(function (tile) {
+        var _tile$data;
+
+        if ((_tile$data = tile.data) !== null && _tile$data !== void 0 && _tile$data.layers && _this2.sourceLayer) {
+          // vector
+          var vectorTileLayer = tile.data.layers[_this2.sourceLayer];
+          var features = vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.features;
+
+          if (!(Array.isArray(features) && features.length > 0)) {
+            return;
+          }
+        }
+
+        if (!tile.parentLayerIDList.includes(_this2.parent.id)) {
+          var _tile$layerIDList;
+
+          var _this2$tileLayerManag = _this2.tileLayerManager.createTile(tile),
+              layers = _this2$tileLayerManag.layers,
+              layerIDList = _this2$tileLayerManag.layerIDList;
+
+          tile.parentLayerIDList.push(_this2.parent.id);
+
+          (_tile$layerIDList = tile.layerIDList).push.apply(_tile$layerIDList, (0, _toConsumableArray2.default)(layerIDList));
+
+          _this2.tileLayerManager.addChilds(layers);
+        } else {
+          if (!tile.isVisibleChange) {
+            return;
+          }
+
+          var _layers = _this2.tileLayerManager.getChilds(tile.layerIDList);
+
+          _this2.updateTileVisible(tile, _layers);
+        }
+      });
+
+      if (this.tilesetManager.isLoaded) {
+        // 将事件抛出，图层上可以使用瓦片
+        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
+      }
+    }
+  }, {
+    key: "emitTileVisibleEvent",
+    value: function emitTileVisibleEvent(tile, callback) {
+      if (tile.isVisible) {
+        callback();
+      } else {
+        (0, _utils.tileAllLoad)(tile, function () {
+          callback();
+        });
+      }
+    }
+  }, {
+    key: "updateTileVisible",
+    value: function updateTileVisible(tile, layers) {
+      var _this3 = this;
+
+      this.emitTileVisibleEvent(tile, function () {
+        _this3.tileLayerManager.updateLayersConfig(layers, 'visible', tile.isVisible);
+
+        _this3.layerService.reRender();
+      });
+    }
+  }]);
+  return TMSBaseMapTileLayer;
+}(_baseMapTileLayer.default);
+
+exports.TMSBaseMapTileLayer = TMSBaseMapTileLayer;