@antv/l7-layers 2.21.1 → 2.21.3

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

@@ -0,0 +1,114 @@
+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?: "normal" | "additive" | "subtractive" | "min" | "max" | "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;
+        enableTAA?: boolean | undefined;
+        jitterScale?: 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

@@ -5,249 +5,170 @@ 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _l7Core = require("@antv/l7-core");
 var _eventemitter = require("eventemitter3");
 var _polygon = _interopRequireDefault(require("../../polygon"));
 var _util = require("./util");
-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 Tile = exports.default = /*#__PURE__*/function (_EventEmitter) {
-  (0, _inherits2.default)(Tile, _EventEmitter);
-  var _super = _createSuper(Tile);
-  function Tile(sourceTile, parent) {
-    var _this;
-    (0, _classCallCheck2.default)(this, Tile);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "visible", true);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layers", []);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isLoaded", false);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "tileMaskLayers", []);
-    _this.parent = parent;
-    _this.sourceTile = sourceTile;
-    _this.x = sourceTile.x;
-    _this.y = sourceTile.y;
-    _this.z = sourceTile.z;
-    _this.key = "".concat(_this.x, "_").concat(_this.y, "_").concat(_this.z);
-    return _this;
+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;
   }
-  (0, _createClass2.default)(Tile, [{
-    key: "getLayers",
-    value: function getLayers() {
-      return this.layers;
-    }
 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  }, {
-    key: "styleUpdate",
-    value: function styleUpdate() {
-      return;
-    }
-  }, {
-    key: "lnglatInBounds",
-    value: function lnglatInBounds(lnglat) {
-      var _this$sourceTile$boun = (0, _slicedToArray2.default)(this.sourceTile.bounds, 4),
-        minLng = _this$sourceTile$boun[0],
-        minLat = _this$sourceTile$boun[1],
-        maxLng = _this$sourceTile$boun[2],
-        maxLat = _this$sourceTile$boun[3];
-      var lng = lnglat.lng,
-        lat = lnglat.lat;
-      return lng >= minLng && lng <= maxLng && lat >= minLat && lat <= maxLat;
-    }
-  }, {
-    key: "getLayerOptions",
-    value: function getLayerOptions() {
-      var _options$maskLayers;
-      var 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 图层
-  }, {
-    key: "getMaskLayer",
-    value: function getMaskLayer() {
-      var _this2 = this;
-      var _this$parent$getLayer = this.parent.getLayerConfig(),
-        maskLayers = _this$parent$getLayer.maskLayers;
-      var layers = [];
-      maskLayers === null || maskLayers === void 0 || maskLayers.forEach(function (layer) {
-        if (!layer.tileLayer) {
-          // 非瓦片图层返回图层本身，瓦片图层返回对应的行列号图层
-          layers.push(layer);
-          return layer;
-        }
-        var tileLayer = layer.tileLayer;
-        var tile = tileLayer.getTile(_this2.sourceTile.key);
-        var l = tile === null || tile === void 0 ? void 0 : tile.getLayers()[0];
-        if (l) {
-          layers.push(l);
-        }
-      });
-      return layers;
-    }
-  }, {
-    key: "addTileMask",
-    value: function () {
-      var _addTileMask = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var mask, container, mainLayer;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              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
-              });
-              container = (0, _l7Core.createLayerContainer)(this.parent.container);
-              mask.setContainer(container);
-              _context.next = 5;
-              return mask.init();
-            case 5:
-              this.tileMask = mask;
-              mainLayer = this.getMainLayer();
-              if (mainLayer !== undefined) {
-                mainLayer.tileMask = mask;
-              }
-              return _context.abrupt("return", mask);
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function addTileMask() {
-        return _addTileMask.apply(this, arguments);
+  // 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;
       }
-      return addTileMask;
-    }() // 全局 Mask
-  }, {
-    key: "addMask",
-    value: function () {
-      var _addMask = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(layer, mask) {
-        var container;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              container = (0, _l7Core.createLayerContainer)(this.parent.container);
-              mask.setContainer(container);
-              _context2.next = 4;
-              return mask.init();
-            case 4:
-              layer.addMask(mask);
-              this.tileMaskLayers.push(mask);
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function addMask(_x, _x2) {
-        return _addMask.apply(this, arguments);
+      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 addMask;
-    }()
-  }, {
-    key: "addLayer",
-    value: function () {
-      var _addLayer = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(layer) {
-        var container;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              // set flag
-              layer.isTileLayer = true;
-              container = (0, _l7Core.createLayerContainer)(this.parent.container);
-              layer.setContainer(container);
-              this.layers.push(layer);
-              _context3.next = 6;
-              return layer.init();
-            case 6:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function addLayer(_x3) {
-        return _addLayer.apply(this, arguments);
+    });
+    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 addLayer;
-    }()
-  }, {
-    key: "updateVisible",
-    value: function updateVisible(value) {
-      this.visible = value;
-      this.updateOptions('visible', value);
-    }
-  }, {
-    key: "updateOptions",
-    value: function updateOptions(key, value) {
-      this.layers.forEach(function (l) {
-        l.updateLayerConfig((0, _defineProperty2.default)({}, key, value));
+      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，但是在发生拾取、点击事件的时候只有一个生效
-     */
-  }, {
-    key: "getMainLayer",
-    value: function getMainLayer() {
-      return this.layers[0];
-    }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  }, {
-    key: "getFeatures",
-    value: function getFeatures(sourceLayer) {
-      return [];
-    }
+  /**
+   * 一个 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
-  }, {
-    key: "getFeatureById",
-    value: function getFeatureById(id) {
-      return [];
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      var _this$tileMask;
-      (_this$tileMask = this.tileMask) === null || _this$tileMask === void 0 || _this$tileMask.destroy();
-      this.layers.forEach(function (layer) {
-        return layer.destroy();
-      });
-    }
-  }]);
-  return Tile;
-}(_eventemitter.EventEmitter);
+  /**
+   * 在一个 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[];
+}