@antv/l7-layers 2.9.36 → 2.9.37

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

@@ -1,4 +1,4 @@
-import { ILayer, IMapService, IRendererService, IScaleValue, ISource, ISubLayerInitOptions, ScaleAttributeType } from '@antv/l7-core';
+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';
@@ -25,5 +25,4 @@ export interface ITileFactory {
     };
     createLayer(option: ILayerTileConfig): ILayer;
     updateStyle(styles: ITileStyles): string;
-    setStyleAttributeField(layer: ILayer, type: ScaleAttributeType, value: IScaleValue): void;
 }

package/es/tile/manager/{baseTileManager.d.ts → base.d.ts}

@@ -1,7 +1,7 @@
 import { ILayer, IRendererService, IMapService, ISubLayerInitOptions } from '@antv/l7-core';
 import { Tile } from '@antv/l7-utils';
 import { ITileFactory } from '../tileFactory';
-export declare class TileManager {
+export declare class Base {
     sourceLayer: string;
     parent: ILayer;
     children: ILayer[];
@@ -9,15 +9,18 @@ export declare class TileManager {
     rendererService: IRendererService;
     protected tileFactory: ITileFactory;
     protected initOptions: ISubLayerInitOptions;
-    createTile(tile: Tile): {
+    private tileCache;
+    hasTile(tile: Tile): boolean;
+    addTile(tile: Tile): {
         layers: ILayer[];
         layerIDList: string[];
     };
+    removeTile(tile: Tile): void;
     addChild(layer: ILayer): void;
-    addChilds(layers: ILayer[]): void;
-    removeChilds(layerIDList: string[], refresh?: boolean): void;
+    addChildren(layers: ILayer[]): void;
+    removeChildren(layerIDList: string[], refresh?: boolean): void;
     removeChild(layer: ILayer): void;
-    getChilds(layerIDList: string[]): ILayer[];
+    getChildren(layerIDList: string[]): ILayer[];
     getChild(layerID: string): ILayer;
     clearChild(): void;
     hasChild(layer: ILayer): boolean;

package/es/tile/manager/{baseTileManager.js → base.js}

@@ -1,16 +1,55 @@
 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";
-export var TileManager = /*#__PURE__*/function () {
-  function TileManager() {
-    _classCallCheck(this, TileManager);
+import { registerLayers } from "../utils";
+export var Base = /*#__PURE__*/function () {
+  function Base() {
+    _classCallCheck(this, Base);
+
+    _defineProperty(this, "tileCache", new Map());
   }
 
-  _createClass(TileManager, [{
-    key: "createTile",
-    value: function createTile(tile) {
-      return this.tileFactory.createTile(tile, this.initOptions);
+  _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",
@@ -18,15 +57,15 @@ export var TileManager = /*#__PURE__*/function () {
       this.children.push(layer);
     }
   }, {
-    key: "addChilds",
-    value: function addChilds(layers) {
+    key: "addChildren",
+    value: function addChildren(layers) {
       var _this$children;
 
       (_this$children = this.children).push.apply(_this$children, _toConsumableArray(layers));
     }
   }, {
-    key: "removeChilds",
-    value: function removeChilds(layerIDList) {
+    key: "removeChildren",
+    value: function removeChildren(layerIDList) {
       var refresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var remveLayerList = [];
       var cacheLayerList = [];
@@ -50,8 +89,8 @@ export var TileManager = /*#__PURE__*/function () {
       layer.destroy();
     }
   }, {
-    key: "getChilds",
-    value: function getChilds(layerIDList) {
+    key: "getChildren",
+    value: function getChildren(layerIDList) {
       return this.children.filter(function (child) {
         return layerIDList.includes(child.id);
       });
@@ -103,5 +142,5 @@ export var TileManager = /*#__PURE__*/function () {
     value: function destroy() {}
   }]);
 
-  return TileManager;
+  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/{tileLayerManager.js → layerManager.js}

@@ -8,13 +8,16 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 { TileManager } from "./baseTileManager";
+import { Base } from "./base";
 import { generateColorRamp } from '@antv/l7-utils';
-import { getLayerShape, getMaskValue, updateLayersConfig } from "../utils";
-import TileConfigManager from "./tileConfigManager";
-import TilePickManager from "./tilePickerManager";
-export var TileLayerManager = /*#__PURE__*/function (_TileManager) {
-  _inherits(TileLayerManager, _TileManager);
+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);
 
@@ -29,8 +32,9 @@ export var TileLayerManager = /*#__PURE__*/function (_TileManager) {
     _this.mapService = mapService;
     _this.rendererService = rendererService;
     _this.transforms = transforms;
-    _this.tilePickManager = new TilePickManager(parent, rendererService, pickingService, _this.children);
-    _this.tileConfigManager = new TileConfigManager();
+    _this.tileRenderService = new TileRenderService(rendererService);
+    _this.tilePickService = new TilePickService(parent, rendererService, pickingService, _this.children, _this.tileRenderService);
+    _this.tileStyleService = new TileStyleService();
 
     _this.setSubLayerInitOption();
 
@@ -44,17 +48,13 @@ export var TileLayerManager = /*#__PURE__*/function (_TileManager) {
   _createClass(TileLayerManager, [{
     key: "render",
     value: function render() {
-      var _this$tileConfigManag, _this$tilePickManager;
-
-      (_this$tileConfigManag = this.tileConfigManager) === null || _this$tileConfigManag === void 0 ? void 0 : _this$tileConfigManag.checkConfig(this.parent);
-      (_this$tilePickManager = this.tilePickManager) === null || _this$tilePickManager === void 0 ? void 0 : _this$tilePickManager.normalRender(this.children);
+      this.tileStyleService.checkConfig(this.parent);
+      this.tileRenderService.render(this.children);
     }
   }, {
     key: "pickLayers",
     value: function pickLayers(target) {
-      var _this$tilePickManager2;
-
-      return (_this$tilePickManager2 = this.tilePickManager) === null || _this$tilePickManager2 === void 0 ? void 0 : _this$tilePickManager2.pickRender(this.children, target);
+      return this.tilePickService.pick(this.children, target);
     }
   }, {
     key: "setSubLayerInitOption",
@@ -101,8 +101,8 @@ export var TileLayerManager = /*#__PURE__*/function (_TileManager) {
           _ref$pixelConstantRGB = _ref.pixelConstantRGB,
           pixelConstantRGB = _ref$pixelConstantRGB === void 0 ? 0.1 : _ref$pixelConstantRGB;
 
-      var colorValue = this.tileConfigManager.getAttributeScale(this.parent, 'color');
-      var sizeValue = this.tileConfigManager.getAttributeScale(this.parent, 'size');
+      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) || {},
@@ -152,56 +152,53 @@ export var TileLayerManager = /*#__PURE__*/function (_TileManager) {
         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;
 
-      // RasterLayer PolygonLayer LineLayer PointLayer
-      // All Tile Layer Need Listen
-      this.tileConfigManager.setConfig('opacity', this.initOptions.opacity);
-      this.tileConfigManager.setConfig('zIndex', this.initOptions.zIndex);
-      this.tileConfigManager.setConfig('mask', this.initOptions.mask);
-
-      if (this.parent.type === 'RasterLayer') {
-        // Raster Tile Layer Need Listen
-        this.tileConfigManager.setConfig('rampColors', this.initOptions.rampColors);
-        this.tileConfigManager.setConfig('domain', this.initOptions.domain);
-        this.tileConfigManager.setConfig('clampHigh', this.initOptions.clampHigh);
-        this.tileConfigManager.setConfig('clampLow', this.initOptions.clampLow);
-        this.tileConfigManager.setConfig('pixelConstant', this.initOptions.pixelConstant);
-        this.tileConfigManager.setConfig('pixelConstantR', this.initOptions.pixelConstantR);
-        this.tileConfigManager.setConfig('pixelConstantG', this.initOptions.pixelConstantG);
-        this.tileConfigManager.setConfig('pixelConstantB', this.initOptions.pixelConstantB);
-        this.tileConfigManager.setConfig('pixelConstantRGB', this.initOptions.pixelConstantRGB);
-      } else {
-        var _this$parent$getAttri, _this$parent$getAttri2, _this$parent$getAttri3;
-
-        // Vector Tile Layer Need Listen
-        this.tileConfigManager.setConfig('stroke', this.initOptions.stroke);
-        this.tileConfigManager.setConfig('strokeWidth', this.initOptions.strokeWidth);
-        this.tileConfigManager.setConfig('strokeOpacity', this.initOptions.strokeOpacity);
-        this.tileConfigManager.setConfig('color', (_this$parent$getAttri = this.parent.getAttribute('color')) === null || _this$parent$getAttri === void 0 ? void 0 : _this$parent$getAttri.scale);
-        this.tileConfigManager.setConfig('shape', (_this$parent$getAttri2 = this.parent.getAttribute('shape')) === null || _this$parent$getAttri2 === void 0 ? void 0 : _this$parent$getAttri2.scale);
-        this.tileConfigManager.setConfig('size', (_this$parent$getAttri3 = this.parent.getAttribute('size')) === null || _this$parent$getAttri3 === void 0 ? void 0 : _this$parent$getAttri3.scale);
-      }
-
-      this.tileConfigManager.on('updateConfig', function (updateConfigs) {
+      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) {
-          _this2.updateStyle(key);
-
-          return '';
+          return _this2.updateStyle(key);
         });
       });
     }
   }, {
-    key: "updateStyle",
-    value: function updateStyle(style) {
+    key: "updateAttribute",
+    value: function updateAttribute(style) {
       var _this3 = this;
 
-      var updateValue = null;
-
-      if (['size', 'color', 'shape'].includes(style)) {
+      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;
@@ -210,12 +207,18 @@ export var TileLayerManager = /*#__PURE__*/function (_TileManager) {
           return;
         }
 
-        updateValue = scaleValue;
         this.children.map(function (child) {
-          _this3.tileFactory.setStyleAttributeField(child, style, scaleValue);
-
-          return '';
+          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();
 
@@ -226,30 +229,26 @@ export var TileLayerManager = /*#__PURE__*/function (_TileManager) {
 
         var config = layerConfig[style];
         updateValue = config;
-        updateLayersConfig(this.children, style, config);
-
-        if (style === 'rampColors' && config) {
-          var createTexture2D = this.rendererService.createTexture2D;
-          var imageData = generateColorRamp(config);
-          this.initOptions.colorTexture = createTexture2D({
-            data: imageData.data,
-            width: imageData.width,
-            height: imageData.height,
-            flipY: false
-          });
-          updateLayersConfig(this.children, 'colorTexture', this.initOptions.colorTexture);
-        }
-      } // @ts-ignore
 
+        switch (style) {
+          case 'rampColors':
+            var texture = updateTexture(config, this.children, this.rendererService);
+            this.initOptions.colorTexture = texture;
+            break;
+
+          default:
+            updateLayersConfig(this.children, style, config);
+        }
+      }
 
-      this.initOptions[style] = updateValue;
+      this.setInitOptionValue(style, updateValue);
     }
   }, {
     key: "destroy",
     value: function destroy() {
-      this.tilePickManager.destroy();
+      this.tilePickService.destroy();
     }
   }]);
 
   return TileLayerManager;
-}(TileManager);
+}(Base);

package/es/tile/manager/{baseMapTileLayerManager.d.ts → mapLayerManager.d.ts}

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

package/es/tile/manager/{baseMapTileLayerManager.js → mapLayerManager.js}

@@ -8,10 +8,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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 { TileManager } from "./baseTileManager";
+import { Base } from "./base";
 import { getLayerShape, getMaskValue } from "../utils";
-export var BaseMapTileLayerManager = /*#__PURE__*/function (_TileManager) {
-  _inherits(BaseMapTileLayerManager, _TileManager);
+export var BaseMapTileLayerManager = /*#__PURE__*/function (_Base) {
+  _inherits(BaseMapTileLayerManager, _Base);
 
   var _super = _createSuper(BaseMapTileLayerManager);
 
@@ -116,4 +116,4 @@ export var BaseMapTileLayerManager = /*#__PURE__*/function (_TileManager) {
   }]);
 
   return BaseMapTileLayerManager;
-}(TileManager);
+}(Base);

package/es/tile/models/tileModel.js

@@ -9,8 +9,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 BaseModel from "../../core/BaseModel";
-import { TMSTileLayer } from "../tmsTileLayer";
-import { TMSBaseMapTileLayer } from "../tmsMapTileLayer";
+import { TileLayer } from "../tileLayer/TileLayer";
+import { MapTileLayer } from "../tileLayer/MapTileLayer";
 
 var TileModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(TileModel, _BaseModel);
@@ -33,10 +33,10 @@ var TileModel = /*#__PURE__*/function (_BaseModel) {
     value: function getTileLayer(usage) {
       switch (usage) {
         case 'basemap':
-          return TMSBaseMapTileLayer;
+          return MapTileLayer;
 
         default:
-          return TMSTileLayer;
+          return TileLayer;
       }
     }
   }, {

package/es/tile/render/TileRenderService.d.ts

@@ -0,0 +1,10 @@
+import { ILayer, IRendererService, ITileRenderService } from '@antv/l7-core';
+/**
+ * 主要用于瓦片图层队列的渲染
+ */
+export declare class TileRenderService implements ITileRenderService {
+    private rendererService;
+    constructor(rendererService: IRendererService);
+    render(layers: ILayer[]): void;
+    renderMask(layer: ILayer): void;
+}