@antv/l7-layers 2.25.7 → 2.25.9

package/lib/tile/tile/ImageTile.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _image = _interopRequireDefault(require("../../image"));
+var _Tile = _interopRequireDefault(require("./Tile"));
+class ImageTile extends _Tile.default {
+  initTileLayer() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const attributes = _this.parent.getLayerAttributeConfig();
+      const layerOptions = _this.getLayerOptions();
+      const sourceOptions = _this.getSourceOption();
+      const layer = new _image.default((0, _objectSpread2.default)({}, layerOptions)).source(sourceOptions.data, sourceOptions.options);
+
+      // 初始化数据映射
+      // tslint:disable-next-line: no-unused-expression
+      attributes && Object.keys(attributes).forEach(type => {
+        var _attributes$attr, _attributes$attr2;
+        const attr = type;
+        // @ts-ignore
+        layer[attr]((_attributes$attr = attributes[attr]) === null || _attributes$attr === void 0 ? void 0 : _attributes$attr.field, (_attributes$attr2 = attributes[attr]) === null || _attributes$attr2 === void 0 ? void 0 : _attributes$attr2.values);
+      });
+      yield _this.addLayer(layer);
+      _this.isLoaded = true;
+    })();
+  }
+  getSourceOption() {
+    const rawSource = this.parent.getSource();
+    return {
+      data: this.sourceTile.data,
+      options: {
+        parser: {
+          type: 'image',
+          extent: this.sourceTile.bounds
+        },
+        transforms: rawSource.transforms
+      }
+    };
+  }
+}
+exports.default = ImageTile;

package/lib/tile/tile/MaskTile.d.ts

@@ -0,0 +1,18 @@
+import Tile from './Tile';
+export default class MaskTile extends Tile {
+    initTileLayer(): Promise<void>;
+    getFeatures(sourceLayer: string | undefined): any;
+    protected getSourceOption(): {
+        data: {
+            type: string;
+            features: any;
+        };
+        options: {
+            parser: {
+                type: string;
+                featureId: string | undefined;
+            };
+            transforms: import("@antv/l7-core").ITransform[];
+        };
+    };
+}

package/lib/tile/tile/MaskTile.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _mask = _interopRequireDefault(require("../../mask"));
+var _Tile = _interopRequireDefault(require("./Tile"));
+class MaskTile extends _Tile.default {
+  initTileLayer() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const attributes = _this.parent.getLayerAttributeConfig();
+      const layerOptions = _this.getLayerOptions();
+      const sourceOptions = _this.getSourceOption();
+      const layer = new _mask.default((0, _objectSpread2.default)({}, layerOptions)).source(sourceOptions.data, sourceOptions.options);
+
+      // 初始化数据映射
+      // tslint:disable-next-line: no-unused-expression
+      attributes && Object.keys(attributes).forEach(type => {
+        var _attributes$attr, _attributes$attr2;
+        const attr = type;
+        // @ts-ignore
+        layer[attr]((_attributes$attr = attributes[attr]) === null || _attributes$attr === void 0 ? void 0 : _attributes$attr.field, (_attributes$attr2 = attributes[attr]) === null || _attributes$attr2 === void 0 ? void 0 : _attributes$attr2.values);
+      });
+      yield _this.addLayer(layer);
+      _this.isLoaded = true;
+    })();
+  }
+  getFeatures(sourceLayer) {
+    if (!sourceLayer) {
+      return [];
+    }
+    const source = this.sourceTile.data;
+    return source.getTileData(sourceLayer);
+  }
+  getSourceOption() {
+    const rawSource = this.parent.getSource();
+    const {
+      sourceLayer,
+      featureId
+    } = this.parent.getLayerConfig();
+    const features = this.getFeatures(sourceLayer);
+    return {
+      data: {
+        type: 'FeatureCollection',
+        features
+      },
+      options: {
+        parser: {
+          type: 'geojson',
+          featureId
+        },
+        transforms: rawSource.transforms
+      }
+    };
+  }
+}
+exports.default = MaskTile;

package/lib/tile/tile/RasterRGBTile.d.ts

@@ -0,0 +1,11 @@
+import Tile from './Tile';
+export default class RasterTile extends Tile {
+    initTileLayer(): Promise<void>;
+    protected getSourceOption(): {
+        data: any;
+        options: {
+            parser: any;
+            transforms: import("@antv/l7-core").ITransform[];
+        };
+    };
+}

package/lib/tile/tile/RasterRGBTile.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _raster = _interopRequireDefault(require("../../raster"));
+var _Tile = _interopRequireDefault(require("./Tile"));
+const _excluded = ["rasterData"];
+class RasterTile extends _Tile.default {
+  initTileLayer() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const attributes = _this.parent.getLayerAttributeConfig();
+      const layerOptions = _this.getLayerOptions();
+      const sourceOptions = _this.getSourceOption();
+      const layer = new _raster.default((0, _objectSpread2.default)({}, layerOptions)).source(sourceOptions.data, sourceOptions.options);
+
+      // 初始化数据映射
+      // tslint:disable-next-line: no-unused-expression
+      attributes && Object.keys(attributes).forEach(type => {
+        var _attributes$attr, _attributes$attr2;
+        const attr = type;
+        // @ts-ignore
+        layer[attr]((_attributes$attr = attributes[attr]) === null || _attributes$attr === void 0 ? void 0 : _attributes$attr.field, (_attributes$attr2 = attributes[attr]) === null || _attributes$attr2 === void 0 ? void 0 : _attributes$attr2.values);
+      });
+      yield _this.addLayer(layer);
+      _this.isLoaded = true;
+    })();
+  }
+  getSourceOption() {
+    const rawSource = this.parent.getSource();
+    const _this$sourceTile$data = this.sourceTile.data.data,
+      {
+        rasterData
+      } = _this$sourceTile$data,
+      res = (0, _objectWithoutProperties2.default)(_this$sourceTile$data, _excluded);
+    return {
+      data: rasterData,
+      // 栅格数
+      options: {
+        parser: (0, _objectSpread2.default)({
+          type: 'rasterRgb',
+          extent: this.sourceTile.bounds
+        }, res),
+        transforms: rawSource.transforms
+      }
+    };
+  }
+}
+exports.default = RasterTile;

package/lib/tile/tile/RasterTerrainRGBTile.d.ts

@@ -0,0 +1,14 @@
+import Tile from './Tile';
+export default class RasterTerrainRGBTile extends Tile {
+    initTileLayer(): Promise<void>;
+    protected getSourceOption(): {
+        data: any;
+        options: {
+            parser: {
+                type: string;
+                extent: import("@antv/l7-utils").TileBounds;
+            };
+            transforms: import("@antv/l7-core").ITransform[];
+        };
+    };
+}

package/lib/tile/tile/RasterTerrainRGBTile.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _raster = _interopRequireDefault(require("../../raster"));
+var _Tile = _interopRequireDefault(require("./Tile"));
+class RasterTerrainRGBTile extends _Tile.default {
+  initTileLayer() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const attributes = _this.parent.getLayerAttributeConfig();
+      const layerOptions = _this.getLayerOptions();
+      const sourceOptions = _this.getSourceOption();
+      const layer = new _raster.default((0, _objectSpread2.default)({}, layerOptions)).source(sourceOptions.data, sourceOptions.options);
+
+      // 初始化数据映射
+      // tslint:disable-next-line: no-unused-expression
+      attributes && Object.keys(attributes).forEach(type => {
+        var _attributes$attr, _attributes$attr2;
+        const attr = type;
+        // @ts-ignore
+        layer[attr]((_attributes$attr = attributes[attr]) === null || _attributes$attr === void 0 ? void 0 : _attributes$attr.field, (_attributes$attr2 = attributes[attr]) === null || _attributes$attr2 === void 0 ? void 0 : _attributes$attr2.values);
+      });
+      yield _this.addLayer(layer);
+      _this.isLoaded = true;
+    })();
+  }
+  getSourceOption() {
+    const rawSource = this.parent.getSource();
+    return {
+      data: this.sourceTile.data,
+      options: {
+        parser: {
+          type: 'image',
+          extent: this.sourceTile.bounds
+        },
+        transforms: rawSource.transforms
+      }
+    };
+  }
+}
+exports.default = RasterTerrainRGBTile;

package/lib/tile/tile/RasterTile.d.ts

@@ -0,0 +1,18 @@
+import Tile from './Tile';
+export default class RasterTile extends Tile {
+    private colorTexture;
+    initTileLayer(): Promise<void>;
+    protected getSourceOption(): {
+        data: any;
+        options: {
+            parser: any;
+            transforms: import("@antv/l7-core").ITransform[];
+        };
+    };
+    /**
+     * 用于 style 更新 colorTexture 的优化
+     * @param arg
+     */
+    styleUpdate(...arg: any): void;
+    destroy(): void;
+}

package/lib/tile/tile/RasterTile.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _l7Utils = require("@antv/l7-utils");
+var _raster = _interopRequireDefault(require("../../raster"));
+var _Tile = _interopRequireDefault(require("./Tile"));
+const _excluded = ["rasterData"];
+const DEFAULT_COLOR_TEXTURE_OPTION = {
+  positions: [0, 1],
+  colors: ['#000', '#fff']
+};
+class RasterTile extends _Tile.default {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "colorTexture", void 0);
+  }
+  initTileLayer() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const attributes = _this.parent.getLayerAttributeConfig();
+      const layerOptions = _this.getLayerOptions();
+      const sourceOptions = _this.getSourceOption();
+      const {
+        rampColors,
+        domain
+      } = _this.getLayerOptions();
+      _this.colorTexture = _this.parent.textureService.getColorTexture(rampColors, domain);
+      const layer = new _raster.default((0, _objectSpread2.default)((0, _objectSpread2.default)({}, layerOptions), {}, {
+        colorTexture: _this.colorTexture
+      })).source(sourceOptions.data, sourceOptions.options);
+
+      // 初始化数据映射
+      // tslint:disable-next-line: no-unused-expression
+      attributes && Object.keys(attributes).forEach(type => {
+        var _attributes$attr, _attributes$attr2;
+        const attr = type;
+        // @ts-ignore
+        layer[attr]((_attributes$attr = attributes[attr]) === null || _attributes$attr === void 0 ? void 0 : _attributes$attr.field, (_attributes$attr2 = attributes[attr]) === null || _attributes$attr2 === void 0 ? void 0 : _attributes$attr2.values);
+      });
+      yield _this.addLayer(layer);
+      _this.isLoaded = true;
+    })();
+  }
+  getSourceOption() {
+    const rawSource = this.parent.getSource();
+    const _this$sourceTile$data = this.sourceTile.data.data,
+      {
+        rasterData
+      } = _this$sourceTile$data,
+      res = (0, _objectWithoutProperties2.default)(_this$sourceTile$data, _excluded);
+    return {
+      data: rasterData,
+      options: {
+        parser: (0, _objectSpread2.default)({
+          type: 'raster',
+          extent: this.sourceTile.bounds
+        }, res),
+        transforms: rawSource.transforms
+      }
+    };
+  }
+
+  /**
+   * 用于 style 更新 colorTexture 的优化
+   * @param arg
+   */
+  styleUpdate(...arg) {
+    const {
+      rampColors = DEFAULT_COLOR_TEXTURE_OPTION,
+      domain
+    } = arg;
+    this.colorTexture = this.parent.textureService.getColorTexture(rampColors, domain || (0, _l7Utils.getDefaultDomain)(rampColors));
+    this.layers.forEach(layer => layer.style({
+      colorTexture: this.colorTexture
+    }));
+  }
+  destroy() {
+    this.layers.forEach(layer => layer.destroy());
+  }
+}
+exports.default = RasterTile;

package/lib/tile/tile/Tile.d.ts

@@ -0,0 +1,112 @@
+import type { ILayer, ILngLat, ITile } from '@antv/l7-core';
+import type { SourceTile } from '@antv/l7-utils';
+import { EventEmitter } from 'eventemitter3';
+export type TileEventType = 'loaded';
+export default abstract class Tile extends EventEmitter implements ITile {
+    x: number;
+    y: number;
+    z: number;
+    key: string;
+    protected parent: ILayer;
+    sourceTile: SourceTile;
+    visible: boolean;
+    protected layers: ILayer[];
+    isLoaded: boolean;
+    protected tileMaskLayers: ILayer[];
+    protected tileMask: ILayer | undefined;
+    constructor(sourceTile: SourceTile, parent: ILayer);
+    getLayers(): ILayer[];
+    styleUpdate(...arg: any): void;
+    abstract initTileLayer(): Promise<void>;
+    lnglatInBounds(lnglat: ILngLat): boolean;
+    protected getLayerOptions(): {
+        textAllowOverlap: boolean;
+        autoFit: boolean;
+        maskLayers: ILayer[];
+        tileMask: boolean;
+        mask: boolean | undefined;
+        maskInside?: boolean | undefined;
+        maskfence?: any;
+        maskColor?: string | undefined;
+        maskOpacity?: number | undefined;
+        maskOperation?: import("@antv/l7-core").MaskOperationType | undefined;
+        sourceLayer?: string | undefined;
+        colors?: string[] | undefined;
+        size?: number | undefined;
+        shape?: string | undefined;
+        shape2d?: string[] | undefined;
+        shape3d?: string[] | undefined;
+        scales?: {
+            [key: string]: import("@antv/l7-core").IScale;
+        } | undefined;
+        minZoom?: number | undefined;
+        maxZoom?: number | undefined;
+        visible?: boolean | undefined;
+        zIndex?: number | undefined;
+        pickingBuffer?: number | undefined;
+        enablePropagation?: boolean | undefined;
+        fitBoundsOptions?: unknown;
+        name?: string | undefined;
+        blend?: "min" | "max" | "normal" | "additive" | "subtractive" | "none" | undefined;
+        depth?: boolean | undefined;
+        pickedFeatureID?: number | undefined;
+        enableMultiPassRenderer?: boolean | undefined;
+        passes?: ((string | [string, {
+            [key: string]: unknown;
+        }])[] & import("@antv/l7-core").IPass<unknown>[]) | undefined;
+        layerType?: string | undefined;
+        cursorEnabled?: boolean | undefined;
+        cursor?: string | undefined;
+        forward?: boolean | undefined;
+        enableMask?: boolean | undefined;
+        enablePicking?: boolean | undefined;
+        enableHighlight?: boolean | undefined;
+        enableSelect?: boolean | undefined;
+        highlightColor?: string | number[] | undefined;
+        selectColor?: string | number[] | undefined;
+        active?: boolean | undefined;
+        activeColor?: string | number[] | undefined;
+        activeMix?: number | undefined;
+        selectMix?: number | undefined;
+        enableLighting?: boolean | undefined;
+        animateOption?: Partial<import("@antv/l7-core").IAnimateOption> | undefined;
+        globalOptions?: any;
+        iconfont?: boolean | undefined;
+        workerEnabled?: boolean | undefined;
+        onHover?: ((pickedFeature: import("@antv/l7-core").IPickedFeature) => void) | undefined;
+        onClick?: ((pickedFeature: import("@antv/l7-core").IPickedFeature) => void) | undefined;
+        id?: string | HTMLDivElement | undefined;
+        canvas?: HTMLCanvasElement | undefined;
+        gl?: any;
+        map?: import("@antv/l7-core").IMapWrapper | undefined;
+        logoPosition?: import("@antv/l7-core").PositionName | undefined;
+        logoVisible?: boolean | undefined;
+        animate?: boolean | undefined;
+        pickBufferScale?: number | undefined;
+        stencil?: boolean | undefined;
+        debug?: boolean | undefined;
+        renderer?: "regl" | "device" | undefined;
+        antialias?: boolean | undefined;
+        preserveDrawingBuffer?: boolean | undefined;
+        enableWebGPU?: boolean | undefined;
+        shaderCompilerPath?: string | undefined;
+    };
+    protected getMaskLayer(): ILayer[];
+    protected addTileMask(): Promise<ILayer>;
+    protected addMask(layer: ILayer, mask: ILayer): Promise<void>;
+    protected addLayer(layer: ILayer): Promise<void>;
+    updateVisible(value: boolean): void;
+    updateOptions(key: string, value: any): void;
+    /**
+     * 一个 Tile 可能有多个 layer，但是在发生拾取、点击事件的时候只有一个生效
+     */
+    getMainLayer(): ILayer | undefined;
+    getFeatures(sourceLayer: string | undefined): any[];
+    /**
+     * 在一个 Tile 中可能存在一个相同 ID 的 feature
+     * @param id
+     * @returns
+     */
+    getFeatureById(id: number): any[];
+    destroy(): void;
+}

package/lib/tile/tile/Tile.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _l7Core = require("@antv/l7-core");
+var _eventemitter = require("eventemitter3");
+var _polygon = _interopRequireDefault(require("../../polygon"));
+var _util = require("./util");
+class Tile extends _eventemitter.EventEmitter {
+  constructor(sourceTile, parent) {
+    super();
+    (0, _defineProperty2.default)(this, "x", void 0);
+    (0, _defineProperty2.default)(this, "y", void 0);
+    (0, _defineProperty2.default)(this, "z", void 0);
+    (0, _defineProperty2.default)(this, "key", void 0);
+    (0, _defineProperty2.default)(this, "parent", void 0);
+    (0, _defineProperty2.default)(this, "sourceTile", void 0);
+    (0, _defineProperty2.default)(this, "visible", true);
+    (0, _defineProperty2.default)(this, "layers", []);
+    (0, _defineProperty2.default)(this, "isLoaded", false);
+    (0, _defineProperty2.default)(this, "tileMaskLayers", []);
+    (0, _defineProperty2.default)(this, "tileMask", void 0);
+    this.parent = parent;
+    this.sourceTile = sourceTile;
+    this.x = sourceTile.x;
+    this.y = sourceTile.y;
+    this.z = sourceTile.z;
+    this.key = `${this.x}_${this.y}_${this.z}`;
+  }
+  getLayers() {
+    return this.layers;
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  styleUpdate(...arg) {
+    return;
+  }
+  lnglatInBounds(lnglat) {
+    const [minLng, minLat, maxLng, maxLat] = this.sourceTile.bounds;
+    const {
+      lng,
+      lat
+    } = lnglat;
+    return lng >= minLng && lng <= maxLng && lat >= minLat && lat <= maxLat;
+  }
+  getLayerOptions() {
+    var _options$maskLayers;
+    const options = this.parent.getLayerConfig();
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {}, {
+      textAllowOverlap: true,
+      // 文本允许重叠
+      autoFit: false,
+      maskLayers: this.getMaskLayer(),
+      tileMask: (0, _util.isNeedMask)(this.parent.type),
+      mask: options.mask || ((_options$maskLayers = options.maskLayers) === null || _options$maskLayers === void 0 ? void 0 : _options$maskLayers.length) !== 0 && options.enableMask
+    });
+  }
+  // 获取Mask 图层
+  getMaskLayer() {
+    const {
+      maskLayers
+    } = this.parent.getLayerConfig();
+    const layers = [];
+    maskLayers === null || maskLayers === void 0 || maskLayers.forEach(layer => {
+      if (!layer.tileLayer) {
+        // 非瓦片图层返回图层本身，瓦片图层返回对应的行列号图层
+        layers.push(layer);
+        return layer;
+      }
+      const tileLayer = layer.tileLayer;
+      const tile = tileLayer.getTile(this.sourceTile.key);
+      const l = tile === null || tile === void 0 ? void 0 : tile.getLayers()[0];
+      if (l) {
+        layers.push(l);
+      }
+    });
+    return layers;
+  }
+  addTileMask() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const mask = new _polygon.default({
+        name: 'mask',
+        visible: true,
+        enablePicking: false
+      }).source({
+        type: 'FeatureCollection',
+        features: [_this.sourceTile.bboxPolygon]
+      }, {
+        parser: {
+          type: 'geojson',
+          featureId: 'id'
+        }
+      }).shape('fill').color('#0f0').style({
+        opacity: 0.5
+      });
+      const container = (0, _l7Core.createLayerContainer)(_this.parent.container);
+      mask.setContainer(container);
+      yield mask.init();
+      _this.tileMask = mask;
+      const mainLayer = _this.getMainLayer();
+      if (mainLayer !== undefined) {
+        mainLayer.tileMask = mask;
+      }
+      return mask;
+    })();
+  }
+  // 全局 Mask
+  addMask(layer, mask) {
+    var _this2 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const container = (0, _l7Core.createLayerContainer)(_this2.parent.container);
+      mask.setContainer(container);
+      yield mask.init();
+      layer.addMask(mask);
+      _this2.tileMaskLayers.push(mask);
+    })();
+  }
+  addLayer(layer) {
+    var _this3 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      // set flag
+      layer.isTileLayer = true;
+      const container = (0, _l7Core.createLayerContainer)(_this3.parent.container);
+      layer.setContainer(container);
+      _this3.layers.push(layer);
+      yield layer.init();
+    })();
+  }
+  updateVisible(value) {
+    this.visible = value;
+    this.updateOptions('visible', value);
+  }
+  updateOptions(key, value) {
+    this.layers.forEach(l => {
+      l.updateLayerConfig({
+        [key]: value
+      });
+    });
+  }
+
+  /**
+   * 一个 Tile 可能有多个 layer，但是在发生拾取、点击事件的时候只有一个生效
+   */
+  getMainLayer() {
+    return this.layers[0];
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getFeatures(sourceLayer) {
+    return [];
+  }
+
+  /**
+   * 在一个 Tile 中可能存在一个相同 ID 的 feature
+   * @param id
+   * @returns
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  getFeatureById(id) {
+    return [];
+  }
+  destroy() {
+    var _this$tileMask;
+    (_this$tileMask = this.tileMask) === null || _this$tileMask === void 0 || _this$tileMask.destroy();
+    this.layers.forEach(layer => layer.destroy());
+  }
+}
+exports.default = Tile;

package/lib/tile/tile/VectorTile.d.ts

@@ -0,0 +1,26 @@
+import type { ILayer } from '@antv/l7-core';
+import Tile from './Tile';
+export default class VectorTile extends Tile {
+    initTileLayer(): Promise<void>;
+    protected getSourceOption(): {
+        data: {
+            type: string;
+            features: any;
+        };
+        options: {
+            parser: {
+                type: string;
+                featureId: string;
+            };
+            transforms: import("@antv/l7-core").ITransform[];
+        };
+    };
+    protected setLayerMinMaxZoom(layer: ILayer): void;
+    getFeatures(sourceLayer: string): any;
+    /**
+     * 在一个 Tile 中可能存在一个相同 ID 的 feature
+     * @param id
+     * @returns
+     */
+    getFeatureById(id: number): import("@antv/l7-core").IParseDataItem[];
+}