@antv/l7-layers 2.9.37-alpha.2 → 2.9.37-alpha.3

package/es/tile/interaction/getRasterData.js

@@ -0,0 +1,70 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { DOM } from '@antv/l7-utils';
+export function readRasterValue(tile, mapService, x, y) {
+  var _tile$bboxPolygon, _tile$data, _tile$data2, _tile$data3;
+
+  var bbox = (tile === null || tile === void 0 ? void 0 : (_tile$bboxPolygon = tile.bboxPolygon) === null || _tile$bboxPolygon === void 0 ? void 0 : _tile$bboxPolygon.bbox) || [0, 0, 10, -10];
+
+  var _bbox = _slicedToArray(bbox, 4),
+      _bbox$ = _bbox[0],
+      minLng = _bbox$ === void 0 ? 0 : _bbox$,
+      _bbox$2 = _bbox[1],
+      minLat = _bbox$2 === void 0 ? 0 : _bbox$2,
+      _bbox$3 = _bbox[2],
+      maxLng = _bbox$3 === void 0 ? 10 : _bbox$3,
+      _bbox$4 = _bbox[3],
+      maxLat = _bbox$4 === void 0 ? -10 : _bbox$4;
+
+  var tileXY = mapService.lngLatToContainer([minLng, minLat]);
+  var tileMaxXY = mapService.lngLatToContainer([maxLng, maxLat]);
+  var tilePixelWidth = tileMaxXY.x - tileXY.x;
+  var tilePixelHeight = tileXY.y - tileMaxXY.y;
+  var pos = [(x - tileXY.x) / tilePixelWidth, // x
+  (y - tileMaxXY.y) / tilePixelHeight // y
+  ];
+  var tileWidth = (tile === null || tile === void 0 ? void 0 : (_tile$data = tile.data) === null || _tile$data === void 0 ? void 0 : _tile$data.width) || 1;
+  var tileHeight = (tile === null || tile === void 0 ? void 0 : (_tile$data2 = tile.data) === null || _tile$data2 === void 0 ? void 0 : _tile$data2.height) || 1;
+  var indexX = Math.floor(pos[0] * tileWidth);
+  var indexY = Math.floor(pos[1] * tileHeight);
+  var index = Math.max(0, indexY - 1) * tileWidth + indexX;
+  var data = tile === null || tile === void 0 ? void 0 : (_tile$data3 = tile.data) === null || _tile$data3 === void 0 ? void 0 : _tile$data3.data[index];
+  return data;
+}
+export function readPixel(x, y, rendererService) {
+  var readPixels = rendererService.readPixels,
+      getContainer = rendererService.getContainer;
+  var xInDevicePixel = x * DOM.DPR;
+  var yInDevicePixel = y * DOM.DPR;
+
+  var _getContainerSize = getContainerSize(getContainer()),
+      width = _getContainerSize.width,
+      height = _getContainerSize.height;
+
+  width *= DOM.DPR;
+  height *= DOM.DPR;
+
+  if (xInDevicePixel > width - 1 * DOM.DPR || xInDevicePixel < 0 || yInDevicePixel > height - 1 * DOM.DPR || yInDevicePixel < 0) {
+    return false;
+  }
+
+  var pickedColors = readPixels({
+    x: Math.floor(xInDevicePixel),
+    // 视口坐标系原点在左上，而 WebGL 在左下，需要翻转 Y 轴
+    y: Math.floor(height - (y + 1) * DOM.DPR),
+    width: 1,
+    height: 1,
+    data: new Uint8Array(1 * 1 * 4)
+  });
+  return pickedColors;
+}
+
+function getContainerSize(container) {
+  if (container.getContext) {
+    return {
+      width: container.width / DOM.DPR,
+      height: container.height / DOM.DPR
+    };
+  } else {
+    return container.getBoundingClientRect();
+  }
+}

package/es/tile/interaction/utils.d.ts

@@ -0,0 +1,11 @@
+import { ILayer } from '@antv/l7-core';
+export declare function clearPickState(layers: ILayer[]): void;
+export declare function setSelect(layers: ILayer[], pickedColors: any, renderList: ILayer[]): undefined;
+export declare function setHighlight(layers: ILayer[], pickedColors: any): void;
+export declare function setPickState(layers: ILayer[], pickColors: {
+    select: any;
+    active: any;
+}): void;
+export declare function selectFeature(layer: ILayer, pickedColors: Uint8Array | undefined): void;
+export declare function setFeatureSelect(color: any, layers: ILayer[]): void;
+export declare function setFeatureActive(color: any, layers: ILayer[]): void;

package/es/tile/interaction/utils.js

@@ -0,0 +1,97 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { decodePickingColor } from '@antv/l7-utils';
+export function clearPickState(layers) {
+  layers.filter(function (layer) {
+    return layer.inited && layer.isVisible();
+  }).filter(function (layer) {
+    return layer.getCurrentSelectedId() !== null;
+  }).map(function (layer) {
+    selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
+    layer.setCurrentSelectedId(null);
+  });
+}
+export function setSelect(layers, pickedColors, renderList) {
+  var selectedId = decodePickingColor(pickedColors);
+  var pickColor;
+  layers.map(function (layer) {
+    if (layer.getCurrentSelectedId() === null || selectedId !== layer.getCurrentSelectedId()) {
+      selectFeature(layer, pickedColors);
+      layer.setCurrentSelectedId(selectedId);
+      pickColor = pickedColors;
+    } else {
+      selectFeature(layer, new Uint8Array([0, 0, 0, 0])); // toggle select
+
+      layer.setCurrentSelectedId(null);
+      pickColor = null;
+    }
+  }); // unselect normal layer
+
+  renderList.filter(function (layer) {
+    return layer.inited && !layer.isVector && layer.isVisible() && layer.needPick('click');
+  }).filter(function (layer) {
+    return layer.getCurrentSelectedId() !== null;
+  }).map(function (layer) {
+    selectFeature(layer, new Uint8Array([0, 0, 0, 0]));
+    layer.setCurrentSelectedId(null);
+  });
+  return pickColor;
+}
+export function setHighlight(layers, pickedColors) {
+  var pickId = decodePickingColor(pickedColors);
+  layers.filter(function (layer) {
+    return layer.inited && layer.isVisible() && layer.isVector;
+  }) // Tip: 使用 vectorLayer 上的 pickID 优化高亮操作（过滤重复操作）
+  // @ts-ignore
+  .filter(function (layer) {
+    return layer.getPickID() !== pickId;
+  }).map(function (layer) {
+    // @ts-ignore
+    layer.setPickID(pickId);
+    layer.hooks.beforeHighlight.call(pickedColors);
+  });
+}
+export function setPickState(layers, pickColors) {
+  if (pickColors.select) {
+    layers.map(function (layer) {
+      // if(layer.modelLoaded) {
+      //   selectFeature(layer, this.pickColors.select);
+      // } else {
+      //   layer.once('modelLoaded', () => {
+      //     selectFeature(layer, this.pickColors.select);
+      //   })
+      // }
+      selectFeature(layer, pickColors.select);
+    });
+  }
+
+  if (pickColors.active) {
+    layers.filter(function (layer) {
+      return layer.inited && layer.isVisible();
+    }).map(function (layer) {
+      layer.hooks.beforeHighlight.call(pickColors.active);
+    });
+  }
+}
+export function selectFeature(layer, pickedColors) {
+  // @ts-ignore
+  var _pickedColors = _slicedToArray(pickedColors, 3),
+      r = _pickedColors[0],
+      g = _pickedColors[1],
+      b = _pickedColors[2];
+
+  layer.hooks.beforeSelect.call([r, g, b]);
+}
+export function setFeatureSelect(color, layers) {
+  var id = decodePickingColor(color);
+  layers.map(function (layer) {
+    selectFeature(layer, color);
+    layer.setCurrentSelectedId(id);
+  });
+}
+export function setFeatureActive(color, layers) {
+  var id = decodePickingColor(color);
+  layers.map(function (layer) {
+    layer.hooks.beforeHighlight.call(color);
+    layer.setCurrentPickId(id);
+  });
+}

package/es/tile/interface.d.ts

@@ -0,0 +1,28 @@
+import { ILayer, IMapService, IRendererService, ISource, ISubLayerInitOptions } from '@antv/l7-core';
+import { Tile } from '@antv/l7-utils';
+export declare type Timeout = any;
+export declare type CacheEvent = 'click' | 'mousemove' | 'mouseup' | 'mousedown' | 'contextmenu';
+export interface ITileFactoryOptions {
+    parent: ILayer;
+    mapService: IMapService;
+    rendererService: IRendererService;
+}
+export interface ITileStyles {
+    [key: string]: any;
+}
+export interface ILayerTileConfig {
+    L7Layer?: any;
+    tile: Tile;
+    initOptions: ISubLayerInitOptions;
+    vectorTileLayer?: any;
+    source: ISource;
+    needListen?: boolean;
+}
+export interface ITileFactory {
+    createTile(tile: Tile, initOptions: ISubLayerInitOptions): {
+        layers: ILayer[];
+        layerIDList: string[];
+    };
+    createLayer(option: ILayerTileConfig): ILayer;
+    updateStyle(styles: ITileStyles): string;
+}

package/es/tile/interface.js

@@ -0,0 +1 @@
+export {};

package/es/tile/manager/base.d.ts

@@ -0,0 +1,30 @@
+import { ILayer, IRendererService, IMapService, ISubLayerInitOptions } from '@antv/l7-core';
+import { Tile } from '@antv/l7-utils';
+import { ITileFactory } from '../tileFactory';
+export declare class Base {
+    sourceLayer: string;
+    parent: ILayer;
+    children: ILayer[];
+    mapService: IMapService;
+    rendererService: IRendererService;
+    protected tileFactory: ITileFactory;
+    protected initOptions: ISubLayerInitOptions;
+    private tileCache;
+    hasTile(tile: Tile): boolean;
+    addTile(tile: Tile): {
+        layers: ILayer[];
+        layerIDList: string[];
+    };
+    removeTile(tile: Tile): void;
+    addChild(layer: ILayer): void;
+    addChildren(layers: ILayer[]): void;
+    removeChildren(layerIDList: string[], refresh?: boolean): void;
+    removeChild(layer: ILayer): void;
+    getChildren(layerIDList: string[]): ILayer[];
+    getChild(layerID: string): ILayer;
+    clearChild(): void;
+    hasChild(layer: ILayer): boolean;
+    initTileFactory(): void;
+    getSourceLayer(parentParserType: string, sourceLayer: string | undefined): string | undefined;
+    destroy(): void;
+}

package/es/tile/manager/base.js

@@ -0,0 +1,146 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { getTileFactory } from "../tileFactory";
+import { registerLayers } from "../utils";
+export var Base = /*#__PURE__*/function () {
+  function Base() {
+    _classCallCheck(this, Base);
+
+    _defineProperty(this, "tileCache", new Map());
+  }
+
+  _createClass(Base, [{
+    key: "hasTile",
+    value: function hasTile(tile) {
+      return !!this.tileCache.has(tile.key);
+    }
+  }, {
+    key: "addTile",
+    value: function addTile(tile) {
+      var _tile$layerIDList;
+
+      // oldTile 存在的时候暂时直接结束
+      // TODO：合并不存在的时候
+      if (this.hasTile(tile)) return {
+        layers: [],
+        layerIDList: []
+      }; // 存储当前 tile
+
+      this.tileCache.set(tile.key, tile); // 创建 tile 对应的 layers
+
+      var layerCollections = this.tileFactory.createTile(tile, this.initOptions); // regist layer 将创建出来的 layer 进行注册初始化操作
+
+      registerLayers(this.parent, layerCollections.layers);
+
+      (_tile$layerIDList = tile.layerIDList).push.apply(_tile$layerIDList, _toConsumableArray(layerCollections.layerIDList)); // add layer into layerGroup
+
+
+      this.addChildren(layerCollections.layers);
+      layerCollections.layers.map(function (layer) {
+        layer.once('modelLoaded', function () {
+          tile.layerLoad();
+        });
+      });
+      return layerCollections;
+    }
+  }, {
+    key: "removeTile",
+    value: function removeTile(tile) {
+      this.tileCache.delete(tile.key);
+      this.removeChildren(tile.layerIDList, false);
+    }
+  }, {
+    key: "addChild",
+    value: function addChild(layer) {
+      this.children.push(layer);
+    }
+  }, {
+    key: "addChildren",
+    value: function addChildren(layers) {
+      var _this$children;
+
+      (_this$children = this.children).push.apply(_this$children, _toConsumableArray(layers));
+    }
+  }, {
+    key: "removeChildren",
+    value: function removeChildren(layerIDList) {
+      var refresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var remveLayerList = [];
+      var cacheLayerList = [];
+      this.children.filter(function (child) {
+        layerIDList.includes(child.id) ? remveLayerList.push(child) : cacheLayerList.push(child);
+      });
+      remveLayerList.map(function (layer) {
+        return layer.destroy(refresh);
+      });
+      this.children = cacheLayerList;
+    }
+  }, {
+    key: "removeChild",
+    value: function removeChild(layer) {
+      var layerIndex = this.children.indexOf(layer);
+
+      if (layerIndex > -1) {
+        this.children.splice(layerIndex, 1);
+      }
+
+      layer.destroy();
+    }
+  }, {
+    key: "getChildren",
+    value: function getChildren(layerIDList) {
+      return this.children.filter(function (child) {
+        return layerIDList.includes(child.id);
+      });
+    }
+  }, {
+    key: "getChild",
+    value: function getChild(layerID) {
+      return this.children.filter(function (child) {
+        return child.id === layerID;
+      })[0];
+    }
+  }, {
+    key: "clearChild",
+    value: function clearChild() {
+      this.children.forEach(function (layer) {
+        layer.destroy();
+      });
+      this.children.slice(0, this.children.length);
+    }
+  }, {
+    key: "hasChild",
+    value: function hasChild(layer) {
+      return this.children.includes(layer);
+    }
+  }, {
+    key: "initTileFactory",
+    value: function initTileFactory() {
+      var source = this.parent.getSource();
+      var TileFactory = getTileFactory(this.parent.type, source.parser);
+      this.tileFactory = new TileFactory({
+        parent: this.parent,
+        mapService: this.mapService,
+        rendererService: this.rendererService
+      });
+    }
+  }, {
+    key: "getSourceLayer",
+    value: function getSourceLayer(parentParserType, sourceLayer) {
+      if (parentParserType === 'geojsonvt') {
+        return 'geojsonvt';
+      } else if (parentParserType === 'testTile') {
+        return 'testTile';
+      } else {
+        return sourceLayer;
+      }
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {}
+  }]);
+
+  return Base;
+}();

package/es/tile/manager/layerManager.d.ts

@@ -0,0 +1,19 @@
+import { IInteractionTarget, ILayer, IMapService, IPickingService, IRendererService, ITileLayerManager, ITilePickService, ITileRenderService, ITransform } from '@antv/l7-core';
+import { Base } from './base';
+import { ITileStyleService } from '../style/TileStyleService';
+export declare class TileLayerManager extends Base implements ITileLayerManager {
+    tilePickService: ITilePickService;
+    tileStyleService: ITileStyleService;
+    tileRenderService: ITileRenderService;
+    private transforms;
+    constructor(parent: ILayer, mapService: IMapService, rendererService: IRendererService, pickingService: IPickingService, transforms: ITransform[]);
+    render(): void;
+    pickLayers(target: IInteractionTarget): boolean;
+    private setSubLayerInitOption;
+    private getInitOptionValue;
+    private setInitOptionValue;
+    private setConfigListener;
+    private updateAttribute;
+    private updateStyle;
+    destroy(): void;
+}

package/es/tile/manager/layerManager.js

@@ -0,0 +1,254 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import { Base } from "./base";
+import { generateColorRamp } from '@antv/l7-utils';
+import { getLayerShape, getMaskValue } from "../utils";
+import { TileStyleService } from "../style/TileStyleService";
+import { TilePickService } from "../interaction/TilePickService";
+import { TileRenderService } from "../render/TileRenderService";
+import { styles, Attributes } from "../style/constants";
+import { updateTexture, updateLayersConfig, setStyleAttributeField } from "../style/utils";
+export var TileLayerManager = /*#__PURE__*/function (_Base) {
+  _inherits(TileLayerManager, _Base);
+
+  var _super = _createSuper(TileLayerManager);
+
+  function TileLayerManager(parent, mapService, rendererService, pickingService, transforms) {
+    var _this;
+
+    _classCallCheck(this, TileLayerManager);
+
+    _this = _super.call(this);
+    _this.parent = parent;
+    _this.children = parent.layerChildren;
+    _this.mapService = mapService;
+    _this.rendererService = rendererService;
+    _this.transforms = transforms;
+    _this.tileRenderService = new TileRenderService(rendererService);
+    _this.tilePickService = new TilePickService(parent, rendererService, pickingService, _this.children, _this.tileRenderService);
+    _this.tileStyleService = new TileStyleService();
+
+    _this.setSubLayerInitOption();
+
+    _this.setConfigListener();
+
+    _this.initTileFactory();
+
+    return _this;
+  }
+
+  _createClass(TileLayerManager, [{
+    key: "render",
+    value: function render() {
+      this.tileStyleService.checkConfig(this.parent);
+      this.tileRenderService.render(this.children);
+    }
+  }, {
+    key: "pickLayers",
+    value: function pickLayers(target) {
+      return this.tilePickService.pick(this.children, target);
+    }
+  }, {
+    key: "setSubLayerInitOption",
+    value: function setSubLayerInitOption() {
+      var _source$data;
+
+      var _ref = this.parent.getLayerConfig(),
+          _ref$zIndex = _ref.zIndex,
+          zIndex = _ref$zIndex === void 0 ? 0 : _ref$zIndex,
+          _ref$opacity = _ref.opacity,
+          opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
+          _ref$mask = _ref.mask,
+          mask = _ref$mask === void 0 ? false : _ref$mask,
+          _ref$stroke = _ref.stroke,
+          stroke = _ref$stroke === void 0 ? '#fff' : _ref$stroke,
+          _ref$strokeWidth = _ref.strokeWidth,
+          strokeWidth = _ref$strokeWidth === void 0 ? 0 : _ref$strokeWidth,
+          _ref$strokeOpacity = _ref.strokeOpacity,
+          strokeOpacity = _ref$strokeOpacity === void 0 ? 1 : _ref$strokeOpacity,
+          _ref$clampLow = _ref.clampLow,
+          clampLow = _ref$clampLow === void 0 ? true : _ref$clampLow,
+          _ref$clampHigh = _ref.clampHigh,
+          clampHigh = _ref$clampHigh === void 0 ? true : _ref$clampHigh,
+          _ref$domain = _ref.domain,
+          domain = _ref$domain === void 0 ? [0, 1] : _ref$domain,
+          _ref$rampColors = _ref.rampColors,
+          rampColors = _ref$rampColors === void 0 ? {
+        colors: ['rgb(166,97,26)', 'rgb(223,194,125)', 'rgb(245,245,245)', 'rgb(128,205,193)', 'rgb(1,133,113)'],
+        positions: [0, 0.25, 0.5, 0.75, 1.0]
+      } : _ref$rampColors,
+          _ref$featureId = _ref.featureId,
+          featureId = _ref$featureId === void 0 ? 'id' : _ref$featureId,
+          _ref$workerEnabled = _ref.workerEnabled,
+          workerEnabled = _ref$workerEnabled === void 0 ? false : _ref$workerEnabled,
+          sourceLayer = _ref.sourceLayer,
+          _ref$pixelConstant = _ref.pixelConstant,
+          pixelConstant = _ref$pixelConstant === void 0 ? 0 : _ref$pixelConstant,
+          _ref$pixelConstantR = _ref.pixelConstantR,
+          pixelConstantR = _ref$pixelConstantR === void 0 ? 256 * 256 : _ref$pixelConstantR,
+          _ref$pixelConstantG = _ref.pixelConstantG,
+          pixelConstantG = _ref$pixelConstantG === void 0 ? 256 : _ref$pixelConstantG,
+          _ref$pixelConstantB = _ref.pixelConstantB,
+          pixelConstantB = _ref$pixelConstantB === void 0 ? 1 : _ref$pixelConstantB,
+          _ref$pixelConstantRGB = _ref.pixelConstantRGB,
+          pixelConstantRGB = _ref$pixelConstantRGB === void 0 ? 0.1 : _ref$pixelConstantRGB;
+
+      var colorValue = this.tileStyleService.getAttributeScale(this.parent, 'color');
+      var sizeValue = this.tileStyleService.getAttributeScale(this.parent, 'size');
+      var source = this.parent.getSource();
+
+      var _ref2 = (source === null || source === void 0 ? void 0 : (_source$data = source.data) === null || _source$data === void 0 ? void 0 : _source$data.tilesetOptions) || {},
+          coords = _ref2.coords;
+
+      var parentParserType = source.getParserType();
+      var layerShape = getLayerShape(this.parent.type, this.parent);
+      this.initOptions = {
+        layerType: this.parent.type,
+        transforms: this.transforms,
+        shape: layerShape,
+        zIndex: zIndex,
+        opacity: opacity,
+        sourceLayer: this.getSourceLayer(parentParserType, sourceLayer),
+        coords: coords,
+        featureId: featureId,
+        color: colorValue,
+        size: sizeValue,
+        mask: getMaskValue(this.parent.type, mask),
+        stroke: stroke,
+        strokeWidth: strokeWidth,
+        strokeOpacity: strokeOpacity,
+        // raster tiff
+        clampLow: clampLow,
+        clampHigh: clampHigh,
+        domain: domain,
+        rampColors: rampColors,
+        // worker
+        workerEnabled: workerEnabled,
+        pixelConstant: pixelConstant,
+        pixelConstantR: pixelConstantR,
+        pixelConstantG: pixelConstantG,
+        pixelConstantB: pixelConstantB,
+        pixelConstantRGB: pixelConstantRGB
+      };
+
+      if (rampColors) {
+        // 构建统一的色带贴图
+        var createTexture2D = this.rendererService.createTexture2D;
+        var imageData = generateColorRamp(rampColors);
+        var colorTexture = createTexture2D({
+          data: imageData.data,
+          width: imageData.width,
+          height: imageData.height,
+          flipY: false
+        });
+        this.initOptions.colorTexture = colorTexture;
+      }
+    }
+  }, {
+    key: "getInitOptionValue",
+    value: function getInitOptionValue(field) {
+      var _this$parent$getAttri, _this$parent$getAttri2, _this$parent$getAttri3;
+
+      switch (field) {
+        case 'color':
+          return (_this$parent$getAttri = this.parent.getAttribute('color')) === null || _this$parent$getAttri === void 0 ? void 0 : _this$parent$getAttri.scale;
+
+        case 'shape':
+          return (_this$parent$getAttri2 = this.parent.getAttribute('shape')) === null || _this$parent$getAttri2 === void 0 ? void 0 : _this$parent$getAttri2.scale;
+
+        case 'size':
+          return (_this$parent$getAttri3 = this.parent.getAttribute('size')) === null || _this$parent$getAttri3 === void 0 ? void 0 : _this$parent$getAttri3.scale;
+        // @ts-ignore
+
+        default:
+          return this.initOptions[field];
+      }
+    }
+  }, {
+    key: "setInitOptionValue",
+    value: function setInitOptionValue(field, value) {
+      // @ts-ignore
+      this.initOptions[field] = value;
+    }
+  }, {
+    key: "setConfigListener",
+    value: function setConfigListener() {
+      var _this2 = this;
+
+      var styleConfigs = styles[this.parent.type] || [];
+      styleConfigs.map(function (style) {
+        _this2.tileStyleService.setConfig(style, _this2.getInitOptionValue(style));
+      });
+      this.tileStyleService.on('updateConfig', function (updateConfigs) {
+        updateConfigs.map(function (key) {
+          return _this2.updateStyle(key);
+        });
+      });
+    }
+  }, {
+    key: "updateAttribute",
+    value: function updateAttribute(style) {
+      var _this3 = this;
+
+      if (Attributes.includes(style)) {
+        var _this$parent$getAttri4;
+
+        var scaleValue = (_this$parent$getAttri4 = this.parent.getAttribute(style)) === null || _this$parent$getAttri4 === void 0 ? void 0 : _this$parent$getAttri4.scale;
+
+        if (!scaleValue) {
+          return;
+        }
+
+        this.children.map(function (child) {
+          return setStyleAttributeField(child, _this3.parent, style, scaleValue);
+        });
+      }
+    }
+  }, {
+    key: "updateStyle",
+    value: function updateStyle(style) {
+      var updateValue = null;
+
+      if (Attributes.includes(style)) {
+        this.updateAttribute(style);
+      } else {
+        var layerConfig = this.parent.getLayerConfig();
+
+        if (!(style in layerConfig)) {
+          return;
+        } // @ts-ignore
+
+
+        var config = layerConfig[style];
+        updateValue = config;
+
+        switch (style) {
+          case 'rampColors':
+            var texture = updateTexture(config, this.children, this.rendererService);
+            this.initOptions.colorTexture = texture;
+            break;
+
+          default:
+            updateLayersConfig(this.children, style, config);
+        }
+      }
+
+      this.setInitOptionValue(style, updateValue);
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      this.tilePickService.destroy();
+    }
+  }]);
+
+  return TileLayerManager;
+}(Base);

package/es/tile/manager/mapLayerManager.d.ts

@@ -0,0 +1,7 @@
+import { ILayer, IMapService, IRendererService, IBaseTileLayerManager } from '@antv/l7-core';
+import { Base } from './base';
+export declare class BaseMapTileLayerManager extends Base implements IBaseTileLayerManager {
+    constructor(parent: ILayer, mapService: IMapService, rendererService: IRendererService);
+    render(): void;
+    private setSubLayerInitOption;
+}