@antv/l7-layers 2.21.0 → 2.21.2

package/lib/tile/service/TilePickService.js

@@ -5,180 +5,124 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TilePickService = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _l7Utils = require("@antv/l7-utils");
 var _TileSourceService = require("./TileSourceService");
-var SELECT = 'select';
-var ACTIVE = 'active';
-var TilePickService = exports.TilePickService = /*#__PURE__*/function () {
-  function TilePickService(_ref) {
-    var layerService = _ref.layerService,
-      tileLayerService = _ref.tileLayerService,
-      parent = _ref.parent;
-    (0, _classCallCheck2.default)(this, TilePickService);
+const SELECT = 'select';
+const ACTIVE = 'active';
+class TilePickService {
+  constructor({
+    layerService,
+    tileLayerService,
+    parent
+  }) {
+    (0, _defineProperty2.default)(this, "layerService", void 0);
+    (0, _defineProperty2.default)(this, "tileLayerService", void 0);
+    (0, _defineProperty2.default)(this, "tileSourceService", void 0);
+    (0, _defineProperty2.default)(this, "parent", void 0);
     (0, _defineProperty2.default)(this, "tilePickID", new Map());
     this.layerService = layerService;
     this.tileLayerService = tileLayerService;
     this.parent = parent;
     this.tileSourceService = new _TileSourceService.TileSourceService();
   }
-  (0, _createClass2.default)(TilePickService, [{
-    key: "pickRender",
-    value: function pickRender(target) {
-      // 一个 TileLayer 有多个 Tile，但是会同时触发事件的只有一个 Tile
-      var tile = this.tileLayerService.getVisibleTileBylngLat(target.lngLat);
-      if (tile) {
-        // TODO 多图层拾取
-        var pickLayer = tile.getMainLayer();
-        pickLayer === null || pickLayer === void 0 || pickLayer.layerPickService.pickRender(target);
-      }
-    }
-  }, {
-    key: "pick",
-    value: function () {
-      var _pick = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(layer, target) {
-        var container, pickingService, tile, pickLayer;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              container = this.parent.getContainer();
-              pickingService = container.pickingService;
-              if (!(layer.type === 'RasterLayer')) {
-                _context.next = 8;
-                break;
-              }
-              tile = this.tileLayerService.getVisibleTileBylngLat(target.lngLat);
-              if (!(tile && tile.getMainLayer() !== undefined)) {
-                _context.next = 7;
-                break;
-              }
-              pickLayer = tile.getMainLayer();
-              return _context.abrupt("return", pickLayer.layerPickService.pickRasterLayer(pickLayer, target, this.parent));
-            case 7:
-              return _context.abrupt("return", false);
-            case 8:
-              this.pickRender(target);
-              return _context.abrupt("return", pickingService.pickFromPickingFBO(layer, target));
-            case 10:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function pick(_x, _x2) {
-        return _pick.apply(this, arguments);
-      }
-      return pick;
-    }()
-  }, {
-    key: "selectFeature",
-    value: function selectFeature(pickedColors) {
-      // @ts-ignore
-      var _pickedColors = (0, _slicedToArray2.default)(pickedColors, 3),
-        r = _pickedColors[0],
-        g = _pickedColors[1],
-        b = _pickedColors[2];
-      var id = this.color2PickId(r, g, b);
-      this.tilePickID.set(SELECT, id);
-      this.updateHighLight(r, g, b, SELECT);
-    }
-  }, {
-    key: "highlightPickedFeature",
-    value: function highlightPickedFeature(pickedColors) {
-      // @ts-ignore
-      var _pickedColors2 = (0, _slicedToArray2.default)(pickedColors, 3),
-        r = _pickedColors2[0],
-        g = _pickedColors2[1],
-        b = _pickedColors2[2];
-      var id = this.color2PickId(r, g, b);
-      this.tilePickID.set(ACTIVE, id);
-      this.updateHighLight(r, g, b, ACTIVE);
+  pickRender(target) {
+    // 一个 TileLayer 有多个 Tile，但是会同时触发事件的只有一个 Tile
+    const tile = this.tileLayerService.getVisibleTileBylngLat(target.lngLat);
+    if (tile) {
+      // TODO 多图层拾取
+      const pickLayer = tile.getMainLayer();
+      pickLayer === null || pickLayer === void 0 || pickLayer.layerPickService.pickRender(target);
     }
-  }, {
-    key: "updateHighLight",
-    value: function updateHighLight(r, g, b, type) {
-      this.tileLayerService.tiles.map(function (tile) {
-        var layer = tile.getMainLayer();
-        switch (type) {
-          case SELECT:
-            layer === null || layer === void 0 || layer.hooks.beforeSelect.call([r, g, b]);
-            break;
-          case ACTIVE:
-            layer === null || layer === void 0 || layer.hooks.beforeHighlight.call([r, g, b]);
-            break;
+  }
+  pick(layer, target) {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const container = _this.parent.getContainer();
+      const pickingService = container.pickingService;
+      if (layer.type === 'RasterLayer') {
+        const tile = _this.tileLayerService.getVisibleTileBylngLat(target.lngLat);
+        if (tile && tile.getMainLayer() !== undefined) {
+          const pickLayer = tile.getMainLayer();
+          return pickLayer.layerPickService.pickRasterLayer(pickLayer, target, _this.parent);
         }
-      });
-    }
-  }, {
-    key: "setPickState",
-    value: function setPickState() {
-      var selectColor = this.tilePickID.get(SELECT);
-      var activeColor = this.tilePickID.get(ACTIVE);
-      if (selectColor) {
-        var _this$pickId2Color = this.pickId2Color(selectColor),
-          _this$pickId2Color2 = (0, _slicedToArray2.default)(_this$pickId2Color, 3),
-          r = _this$pickId2Color2[0],
-          g = _this$pickId2Color2[1],
-          b = _this$pickId2Color2[2];
-        this.updateHighLight(r, g, b, SELECT);
-        return;
+        return false;
       }
-      if (activeColor) {
-        var _this$pickId2Color3 = this.pickId2Color(activeColor),
-          _this$pickId2Color4 = (0, _slicedToArray2.default)(_this$pickId2Color3, 3),
-          _r = _this$pickId2Color4[0],
-          _g = _this$pickId2Color4[1],
-          _b = _this$pickId2Color4[2];
-        this.updateHighLight(_r, _g, _b, ACTIVE);
-        return;
+      _this.pickRender(target);
+      return pickingService.pickFromPickingFBO(layer, target);
+    })();
+  }
+  selectFeature(pickedColors) {
+    // @ts-ignore
+    const [r, g, b] = pickedColors;
+    const id = this.color2PickId(r, g, b);
+    this.tilePickID.set(SELECT, id);
+    this.updateHighLight(r, g, b, SELECT);
+  }
+  highlightPickedFeature(pickedColors) {
+    // @ts-ignore
+    const [r, g, b] = pickedColors;
+    const id = this.color2PickId(r, g, b);
+    this.tilePickID.set(ACTIVE, id);
+    this.updateHighLight(r, g, b, ACTIVE);
+  }
+  updateHighLight(r, g, b, type) {
+    this.tileLayerService.tiles.map(tile => {
+      const layer = tile.getMainLayer();
+      switch (type) {
+        case SELECT:
+          layer === null || layer === void 0 || layer.hooks.beforeSelect.call([r, g, b]);
+          break;
+        case ACTIVE:
+          layer === null || layer === void 0 || layer.hooks.beforeHighlight.call([r, g, b]);
+          break;
       }
+    });
+  }
+  setPickState() {
+    const selectColor = this.tilePickID.get(SELECT);
+    const activeColor = this.tilePickID.get(ACTIVE);
+    if (selectColor) {
+      const [r, g, b] = this.pickId2Color(selectColor);
+      this.updateHighLight(r, g, b, SELECT);
+      return;
     }
-  }, {
-    key: "color2PickId",
-    value: function color2PickId(r, g, b) {
-      return (0, _l7Utils.decodePickingColor)(new Uint8Array([r, g, b]));
-    }
-  }, {
-    key: "pickId2Color",
-    value: function pickId2Color(str) {
-      return (0, _l7Utils.encodePickingColor)(str);
+    if (activeColor) {
+      const [r, g, b] = this.pickId2Color(activeColor);
+      this.updateHighLight(r, g, b, ACTIVE);
+      return;
     }
+  }
+  color2PickId(r, g, b) {
+    return (0, _l7Utils.decodePickingColor)(new Uint8Array([r, g, b]));
+  }
+  pickId2Color(str) {
+    return (0, _l7Utils.encodePickingColor)(str);
+  }
 
-    /** 从瓦片中根据数据 */
-  }, {
-    key: "getFeatureById",
-    value: function getFeatureById(pickedFeatureIdx) {
-      // 提取当前可见瓦片
-      var tiles = this.tileLayerService.getTiles().filter(function (tile) {
-        return tile.visible;
-      });
-      // 提取当前可见瓦片中匹配 ID 的 feature 列表
-      var features = [];
-      tiles.forEach(function (tile) {
-        features.push.apply(features, (0, _toConsumableArray2.default)(tile.getFeatureById(pickedFeatureIdx)));
-      });
+  /** 从瓦片中根据数据 */
+  getFeatureById(pickedFeatureIdx) {
+    // 提取当前可见瓦片
+    const tiles = this.tileLayerService.getTiles().filter(tile => tile.visible);
+    // 提取当前可见瓦片中匹配 ID 的 feature 列表
+    const features = [];
+    tiles.forEach(tile => {
+      features.push(...tile.getFeatureById(pickedFeatureIdx));
+    });
 
-      // 将 feature 列表合并后返回
-      // 统一返回成 polygon 的格式 点、线、面可以通用
+    // 将 feature 列表合并后返回
+    // 统一返回成 polygon 的格式 点、线、面可以通用
 
-      // const data = this.tileSourceService.getCombineFeature(features);
+    // const data = this.tileSourceService.getCombineFeature(features);
 
-      return features;
-    }
+    return features;
+  }
 
-    // Tip: for interface define
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  }, {
-    key: "pickRasterLayer",
-    value: function pickRasterLayer() {
-      return false;
-    }
-  }]);
-  return TilePickService;
-}();
+  // Tip: for interface define
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  pickRasterLayer() {
+    return false;
+  }
+}
+exports.TilePickService = TilePickService;

package/lib/tile/service/TileSourceService.d.ts

@@ -0,0 +1,7 @@
+import type { IParseDataItem } from '@antv/l7-core';
+/**
+ * 专门处理 Tile 数据相关
+ */
+export declare class TileSourceService {
+    getCombineFeature(features: IParseDataItem[]): any;
+}

package/lib/tile/service/TileSourceService.js

@@ -1,44 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TileSourceService = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var turf = _interopRequireWildcard(require("@turf/helpers"));
 var _union = _interopRequireDefault(require("@turf/union"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * 专门处理 Tile 数据相关
  */
-var TileSourceService = exports.TileSourceService = /*#__PURE__*/function () {
-  function TileSourceService() {
-    (0, _classCallCheck2.default)(this, TileSourceService);
-  }
-  (0, _createClass2.default)(TileSourceService, [{
-    key: "getCombineFeature",
-    value: function getCombineFeature(features) {
-      var p = null;
-      var properties = features[0];
-      features.map(function (feature) {
-        var polygon = turf.polygon(feature.coordinates);
-        // tslint:disable-next-line: prefer-conditional-expression
-        if (p === null) {
-          p = polygon;
-        } else {
-          p = (0, _union.default)(p, polygon);
-        }
-      });
-      if (properties) {
-        p.properties = (0, _objectSpread2.default)({}, properties);
+class TileSourceService {
+  getCombineFeature(features) {
+    let p = null;
+    const properties = features[0];
+    features.map(feature => {
+      const polygon = turf.polygon(feature.coordinates);
+      // tslint:disable-next-line: prefer-conditional-expression
+      if (p === null) {
+        p = polygon;
+      } else {
+        p = (0, _union.default)(p, polygon);
       }
-      return p;
+    });
+    if (properties) {
+      p.properties = (0, _objectSpread2.default)({}, properties);
     }
-  }]);
-  return TileSourceService;
-}();
+    return p;
+  }
+}
+exports.TileSourceService = TileSourceService;

package/lib/tile/tile/DebugTile.d.ts

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

package/lib/tile/tile/DebugTile.js

@@ -5,86 +5,51 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-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 _line = _interopRequireDefault(require("../../line"));
 var _point = _interopRequireDefault(require("../../point"));
-var _Tile2 = _interopRequireDefault(require("./Tile"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var DebugTile = exports.default = /*#__PURE__*/function (_Tile) {
-  (0, _inherits2.default)(DebugTile, _Tile);
-  var _super = _createSuper(DebugTile);
-  function DebugTile() {
-    (0, _classCallCheck2.default)(this, DebugTile);
-    return _super.apply(this, arguments);
+var _Tile = _interopRequireDefault(require("./Tile"));
+class DebugTile extends _Tile.default {
+  initTileLayer() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const sourceOptions = _this.getSourceOption();
+      const pointData = sourceOptions.data.features[0].properties;
+      const lineLayer = new _line.default().source(sourceOptions.data, sourceOptions.options).size(1).shape('line').color('red');
+      const pointLayer = new _point.default({
+        minZoom: _this.z - 1,
+        maxZoom: _this.z + 1,
+        textAllowOverlap: true
+      }).source([pointData], {
+        parser: {
+          type: 'json',
+          x: 'x',
+          y: 'y'
+        }
+      }).size(20).color('red').shape(_this.key).style({
+        stroke: '#fff',
+        strokeWidth: 2
+      });
+      yield _this.addLayer(lineLayer);
+      yield _this.addLayer(pointLayer);
+      _this.isLoaded = true;
+    })();
   }
-  (0, _createClass2.default)(DebugTile, [{
-    key: "initTileLayer",
-    value: function () {
-      var _initTileLayer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var sourceOptions, pointData, lineLayer, pointLayer;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              sourceOptions = this.getSourceOption();
-              pointData = sourceOptions.data.features[0].properties;
-              lineLayer = new _line.default().source(sourceOptions.data, sourceOptions.options).size(1).shape('line').color('red');
-              pointLayer = new _point.default({
-                minZoom: this.z - 1,
-                maxZoom: this.z + 1,
-                textAllowOverlap: true
-              }).source([pointData], {
-                parser: {
-                  type: 'json',
-                  x: 'x',
-                  y: 'y'
-                }
-              }).size(20).color('red').shape(this.key).style({
-                stroke: '#fff',
-                strokeWidth: 2
-              });
-              _context.next = 6;
-              return this.addLayer(lineLayer);
-            case 6:
-              _context.next = 8;
-              return this.addLayer(pointLayer);
-            case 8:
-              this.isLoaded = true;
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function initTileLayer() {
-        return _initTileLayer.apply(this, arguments);
-      }
-      return initTileLayer;
-    }()
-  }, {
-    key: "getSourceOption",
-    value: function getSourceOption() {
-      var rawSource = this.parent.getSource();
-      var features = this.sourceTile.data.layers.testTile.features;
-      return {
-        data: {
-          type: 'FeatureCollection',
-          features: features
+  getSourceOption() {
+    const rawSource = this.parent.getSource();
+    const features = this.sourceTile.data.layers.testTile.features;
+    return {
+      data: {
+        type: 'FeatureCollection',
+        features
+      },
+      options: {
+        parser: {
+          type: 'geojson'
         },
-        options: {
-          parser: {
-            type: 'geojson'
-          },
-          transforms: rawSource.transforms
-        }
-      };
-    }
-  }]);
-  return DebugTile;
-}(_Tile2.default);
+        transforms: rawSource.transforms
+      }
+    };
+  }
+}
+exports.default = DebugTile;

package/lib/tile/tile/ImageTile.d.ts

@@ -0,0 +1,14 @@
+import Tile from './Tile';
+export default class ImageTile 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/ImageTile.js

@@ -5,74 +5,43 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 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"));
-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 _image = _interopRequireDefault(require("../../image"));
-var _Tile2 = _interopRequireDefault(require("./Tile"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var ImageTile = exports.default = /*#__PURE__*/function (_Tile) {
-  (0, _inherits2.default)(ImageTile, _Tile);
-  var _super = _createSuper(ImageTile);
-  function ImageTile() {
-    (0, _classCallCheck2.default)(this, ImageTile);
-    return _super.apply(this, arguments);
+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;
+    })();
   }
-  (0, _createClass2.default)(ImageTile, [{
-    key: "initTileLayer",
-    value: function () {
-      var _initTileLayer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var attributes, layerOptions, sourceOptions, layer;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              attributes = this.parent.getLayerAttributeConfig();
-              layerOptions = this.getLayerOptions();
-              sourceOptions = this.getSourceOption();
-              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(function (type) {
-                var _attributes$attr, _attributes$attr2;
-                var 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);
-              });
-              _context.next = 7;
-              return this.addLayer(layer);
-            case 7:
-              this.isLoaded = true;
-            case 8:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function initTileLayer() {
-        return _initTileLayer.apply(this, arguments);
+  getSourceOption() {
+    const rawSource = this.parent.getSource();
+    return {
+      data: this.sourceTile.data,
+      options: {
+        parser: {
+          type: 'image',
+          extent: this.sourceTile.bounds
+        },
+        transforms: rawSource.transforms
       }
-      return initTileLayer;
-    }()
-  }, {
-    key: "getSourceOption",
-    value: function getSourceOption() {
-      var rawSource = this.parent.getSource();
-      return {
-        data: this.sourceTile.data,
-        options: {
-          parser: {
-            type: 'image',
-            extent: this.sourceTile.bounds
-          },
-          transforms: rawSource.transforms
-        }
-      };
-    }
-  }]);
-  return ImageTile;
-}(_Tile2.default);
+    };
+  }
+}
+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[];
+        };
+    };
+}