@antv/l7-layers 2.9.15 → 2.9.17

package/lib/tile/manager/tileLayerManager.js

@@ -0,0 +1,325 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TileLayerManager = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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 _tileFactory = require("../tileFactory");
+
+var _utils = require("../utils");
+
+var _tileConfigManager = _interopRequireDefault(require("./tileConfigManager"));
+
+var _tilePickerManager = _interopRequireDefault(require("./tilePickerManager"));
+
+var TileLayerManager = function () {
+  function TileLayerManager(parent, mapService, rendererService, pickingService, layerService) {
+    (0, _classCallCheck2.default)(this, TileLayerManager);
+    (0, _defineProperty2.default)(this, "sourceLayer", void 0);
+    (0, _defineProperty2.default)(this, "parent", void 0);
+    (0, _defineProperty2.default)(this, "children", void 0);
+    (0, _defineProperty2.default)(this, "mapService", void 0);
+    (0, _defineProperty2.default)(this, "rendererService", void 0);
+    (0, _defineProperty2.default)(this, "tilePickManager", void 0);
+    (0, _defineProperty2.default)(this, "tileConfigManager", void 0);
+    (0, _defineProperty2.default)(this, "tileFactory", void 0);
+    (0, _defineProperty2.default)(this, "initOptions", void 0);
+    (0, _defineProperty2.default)(this, "rampColorsData", void 0);
+    this.parent = parent;
+    this.children = parent.layerChildren;
+    this.mapService = mapService;
+    this.rendererService = rendererService;
+    this.tilePickManager = new _tilePickerManager.default(parent, rendererService, pickingService, this.children, layerService);
+    this.tileConfigManager = new _tileConfigManager.default();
+    this.setSubLayerInitOptipn();
+    this.setConfigListener();
+    this.initTileFactory();
+  }
+
+  (0, _createClass2.default)(TileLayerManager, [{
+    key: "createTile",
+    value: function createTile(tile) {
+      return this.tileFactory.createTile(tile, this.initOptions);
+    }
+  }, {
+    key: "updateLayersConfig",
+    value: function updateLayersConfig(layers, key, value) {
+      layers.map(function (layer) {
+        if (key === 'mask') {
+          layer.style({
+            mask: value
+          });
+        } else {
+          layer.updateLayerConfig((0, _defineProperty2.default)({}, key, value));
+        }
+      });
+    }
+  }, {
+    key: "addChild",
+    value: function addChild(layer) {
+      this.children.push(layer);
+    }
+  }, {
+    key: "addChilds",
+    value: function addChilds(layers) {
+      var _this$children;
+
+      (_this$children = this.children).push.apply(_this$children, (0, _toConsumableArray2.default)(layers));
+    }
+  }, {
+    key: "removeChilds",
+    value: function removeChilds(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: "getChilds",
+    value: function getChilds(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: "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);
+    }
+  }, {
+    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);
+    }
+  }, {
+    key: "setSubLayerInitOptipn",
+    value: function setSubLayerInitOptipn() {
+      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,
+          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.tileConfigManager.getAttributeScale(this.parent, 'color');
+      var sizeValue = this.tileConfigManager.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 layerShape = (0, _utils.getLayerShape)(this.parent.type, this.parent);
+
+      if (rampColors) {
+        this.rampColorsData = (0, _l7Utils.generateColorRamp)(rampColors);
+      }
+
+      this.initOptions = {
+        layerType: this.parent.type,
+        shape: layerShape,
+        zIndex: zIndex,
+        opacity: opacity,
+        sourceLayer: sourceLayer,
+        coords: coords,
+        featureId: featureId,
+        color: colorValue,
+        size: sizeValue,
+        mask: (0, _utils.getMaskValue)(this.parent.type, mask),
+        stroke: stroke,
+        strokeWidth: strokeWidth,
+        strokeOpacity: strokeOpacity,
+        clampLow: clampLow,
+        clampHigh: clampHigh,
+        domain: domain,
+        rampColors: rampColors,
+        rampColorsData: this.rampColorsData,
+        pixelConstant: pixelConstant,
+        pixelConstantR: pixelConstantR,
+        pixelConstantG: pixelConstantG,
+        pixelConstantB: pixelConstantB,
+        pixelConstantRGB: pixelConstantRGB
+      };
+    }
+  }, {
+    key: "setConfigListener",
+    value: function setConfigListener() {
+      var _this = this;
+
+      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') {
+        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;
+
+        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) {
+        updateConfigs.map(function (key) {
+          _this.updateStyle(key);
+
+          return '';
+        });
+      });
+    }
+  }, {
+    key: "updateStyle",
+    value: function updateStyle(style) {
+      var _this2 = this;
+
+      var updateValue = null;
+
+      if (['size', 'color', 'shape'].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;
+        }
+
+        updateValue = scaleValue;
+        this.children.map(function (child) {
+          _this2.tileFactory.setStyleAttributeField(child, style, scaleValue);
+
+          return '';
+        });
+      } else {
+        var layerConfig = this.parent.getLayerConfig();
+
+        if (!(style in layerConfig)) {
+          return;
+        }
+
+        var config = layerConfig[style];
+        updateValue = config;
+        this.updateLayersConfig(this.children, style, config);
+
+        if (style === 'rampColors' && config) {
+          this.rampColorsData = (0, _l7Utils.generateColorRamp)(config);
+        }
+      }
+
+      this.initOptions[style] = updateValue;
+    }
+  }, {
+    key: "initTileFactory",
+    value: function initTileFactory() {
+      var source = this.parent.getSource();
+      var TileFactory = (0, _tileFactory.getTileFactory)(this.parent.type, source.parser);
+      this.tileFactory = new TileFactory({
+        parent: this.parent,
+        mapService: this.mapService,
+        rendererService: this.rendererService
+      });
+    }
+  }]);
+  return TileLayerManager;
+}();
+
+exports.TileLayerManager = TileLayerManager;
+//# sourceMappingURL=tileLayerManager.js.map

package/lib/tile/manager/tileLayerManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/manager/tileLayerManager.ts"],"names":["TileLayerManager","parent","mapService","rendererService","pickingService","layerService","children","layerChildren","tilePickManager","TilePickManager","tileConfigManager","TileConfigManager","setSubLayerInitOptipn","setConfigListener","initTileFactory","tile","tileFactory","createTile","initOptions","layers","key","value","map","layer","style","mask","updateLayerConfig","push","layerIDList","refresh","remveLayerList","cacheLayerList","filter","child","includes","id","destroy","layerIndex","indexOf","splice","layerID","forEach","slice","length","checkConfig","normalRender","target","pickRender","getLayerConfig","zIndex","opacity","stroke","strokeWidth","strokeOpacity","clampLow","clampHigh","domain","rampColors","colors","positions","featureId","sourceLayer","pixelConstant","pixelConstantR","pixelConstantG","pixelConstantB","pixelConstantRGB","colorValue","getAttributeScale","sizeValue","source","getSource","data","tilesetOptions","coords","layerShape","type","rampColorsData","layerType","shape","color","size","setConfig","getAttribute","scale","on","updateConfigs","updateStyle","updateValue","scaleValue","setStyleAttributeField","layerConfig","config","updateLayersConfig","TileFactory","parser"],"mappings":"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","sourcesContent":["import {\n  IInteractionTarget,\n  ILayer,\n  ILayerService,\n  IMapService,\n  IPickingService,\n  IRendererService,\n  ISubLayerInitOptions,\n  ITileLayerManager,\n  ITilePickManager,\n  ScaleAttributeType,\n} from '@antv/l7-core';\nimport { generateColorRamp, IColorRamp, Tile } from '@antv/l7-utils';\nimport { getTileFactory, ITileFactory, TileType } from '../tileFactory';\nimport { getLayerShape, getMaskValue } from '../utils';\nimport TileConfigManager, { ITileConfigManager } from './tileConfigManager';\nimport TilePickManager from './tilePickerManager';\nexport class TileLayerManager implements ITileLayerManager {\n  public sourceLayer: string;\n  public parent: ILayer;\n  public children: ILayer[];\n  public mapService: IMapService;\n  public rendererService: IRendererService;\n  public tilePickManager: ITilePickManager;\n  public tileConfigManager: ITileConfigManager;\n  private tileFactory: ITileFactory;\n  private initOptions: ISubLayerInitOptions;\n  private rampColorsData: any;\n  constructor(\n    parent: ILayer,\n    mapService: IMapService,\n    rendererService: IRendererService,\n    pickingService: IPickingService,\n    layerService: ILayerService,\n  ) {\n    this.parent = parent;\n    this.children = parent.layerChildren;\n    this.mapService = mapService;\n    this.rendererService = rendererService;\n    this.tilePickManager = new TilePickManager(\n      parent,\n      rendererService,\n      pickingService,\n      this.children,\n      layerService,\n    );\n    this.tileConfigManager = new TileConfigManager();\n\n    this.setSubLayerInitOptipn();\n    this.setConfigListener();\n    this.initTileFactory();\n  }\n\n  public createTile(tile: Tile) {\n    return this.tileFactory.createTile(tile, this.initOptions);\n  }\n\n  public updateLayersConfig(layers: ILayer[], key: string, value: any) {\n    layers.map((layer) => {\n      if (key === 'mask') {\n        // Tip: 栅格瓦片生效、设置全局的 mask、瓦片被全局的 mask 影响\n        layer.style({\n          mask: value,\n        });\n      } else {\n        layer.updateLayerConfig({\n          [key]: value,\n        });\n      }\n    });\n  }\n\n  public addChild(layer: ILayer) {\n    this.children.push(layer);\n  }\n\n  public addChilds(layers: ILayer[]) {\n    this.children.push(...layers);\n  }\n\n  public removeChilds(layerIDList: string[], refresh = true) {\n    const remveLayerList: ILayer[] = [];\n    const cacheLayerList: ILayer[] = [];\n    this.children.filter((child) => {\n      layerIDList.includes(child.id)\n        ? remveLayerList.push(child)\n        : cacheLayerList.push(child);\n    });\n    remveLayerList.map((layer) => layer.destroy(refresh));\n    this.children = cacheLayerList;\n  }\n\n  public removeChild(layer: ILayer) {\n    const layerIndex = this.children.indexOf(layer);\n    if (layerIndex > -1) {\n      this.children.splice(layerIndex, 1);\n    }\n    layer.destroy();\n  }\n\n  public getChilds(layerIDList: string[]) {\n    return this.children.filter((child) => layerIDList.includes(child.id));\n  }\n\n  public getChild(layerID: string) {\n    return this.children.filter((child) => child.id === layerID)[0];\n  }\n\n  public clearChild() {\n    this.children.forEach((layer: any) => {\n      layer.destroy();\n    });\n\n    this.children.slice(0, this.children.length);\n  }\n\n  public hasChild(layer: ILayer) {\n    return this.children.includes(layer);\n  }\n\n  public render(): void {\n    this.tileConfigManager?.checkConfig(this.parent);\n    this.tilePickManager?.normalRender(this.children);\n  }\n\n  public pickLayers(target: IInteractionTarget) {\n    return this.tilePickManager?.pickRender(this.children, target);\n  }\n\n  private setSubLayerInitOptipn() {\n    const {\n      zIndex = 0,\n      opacity = 1,\n      mask = false,\n      stroke = '#fff',\n      strokeWidth = 0,\n      strokeOpacity = 1,\n\n      clampLow = true,\n      clampHigh = true,\n      domain = [0, 1],\n      rampColors = {\n        colors: [\n          'rgb(166,97,26)',\n          'rgb(223,194,125)',\n          'rgb(245,245,245)',\n          'rgb(128,205,193)',\n          'rgb(1,133,113)',\n        ],\n        positions: [0, 0.25, 0.5, 0.75, 1.0],\n      },\n      featureId = 'id',\n      sourceLayer,\n\n      pixelConstant = 0,\n      pixelConstantR = 256 * 256,\n      pixelConstantG = 256,\n      pixelConstantB = 1,\n      pixelConstantRGB = 0.1,\n    } = this.parent.getLayerConfig() as ISubLayerInitOptions;\n\n    const colorValue = this.tileConfigManager.getAttributeScale(\n      this.parent,\n      'color',\n    );\n    const sizeValue = this.tileConfigManager.getAttributeScale(\n      this.parent,\n      'size',\n    );\n    const source = this.parent.getSource();\n    const { coords } = source?.data?.tilesetOptions || {};\n\n    const layerShape = getLayerShape(this.parent.type, this.parent);\n\n    if (rampColors) {\n      // 构建统一的色带贴图\n      this.rampColorsData = generateColorRamp(rampColors as IColorRamp);\n    }\n\n    this.initOptions = {\n      layerType: this.parent.type,\n      shape: layerShape,\n      zIndex,\n      opacity,\n      sourceLayer,\n      coords,\n      featureId,\n      color: colorValue,\n      size: sizeValue,\n      mask: getMaskValue(this.parent.type, mask),\n      stroke,\n      strokeWidth,\n      strokeOpacity,\n      // raster tiff\n      clampLow,\n      clampHigh,\n      domain,\n      rampColors,\n      rampColorsData: this.rampColorsData,\n\n      pixelConstant,\n      pixelConstantR,\n      pixelConstantG,\n      pixelConstantB,\n      pixelConstantRGB,\n    };\n  }\n\n  private setConfigListener() {\n    // RasterLayer PolygonLayer LineLayer PointLayer\n    // All Tile Layer Need Listen\n    this.tileConfigManager.setConfig('opacity', this.initOptions.opacity);\n    this.tileConfigManager.setConfig('zIndex', this.initOptions.zIndex);\n    this.tileConfigManager.setConfig('mask', this.initOptions.mask);\n\n    if (this.parent.type === 'RasterLayer') {\n      // Raster Tile Layer Need Listen\n      this.tileConfigManager.setConfig(\n        'rampColors',\n        this.initOptions.rampColors,\n      );\n      this.tileConfigManager.setConfig('domain', this.initOptions.domain);\n      this.tileConfigManager.setConfig('clampHigh', this.initOptions.clampHigh);\n      this.tileConfigManager.setConfig('clampLow', this.initOptions.clampLow);\n\n      this.tileConfigManager.setConfig(\n        'pixelConstant',\n        this.initOptions.pixelConstant,\n      );\n      this.tileConfigManager.setConfig(\n        'pixelConstantR',\n        this.initOptions.pixelConstantR,\n      );\n      this.tileConfigManager.setConfig(\n        'pixelConstantG',\n        this.initOptions.pixelConstantG,\n      );\n      this.tileConfigManager.setConfig(\n        'pixelConstantB',\n        this.initOptions.pixelConstantB,\n      );\n      this.tileConfigManager.setConfig(\n        'pixelConstantRGB',\n        this.initOptions.pixelConstantRGB,\n      );\n    } else {\n      // Vector Tile Layer Need Listen\n      this.tileConfigManager.setConfig('stroke', this.initOptions.stroke);\n      this.tileConfigManager.setConfig(\n        'strokeWidth',\n        this.initOptions.strokeWidth,\n      );\n      this.tileConfigManager.setConfig(\n        'strokeOpacity',\n        this.initOptions.strokeOpacity,\n      );\n      this.tileConfigManager.setConfig(\n        'color',\n        this.parent.getAttribute('color')?.scale,\n      );\n      this.tileConfigManager.setConfig(\n        'shape',\n        this.parent.getAttribute('shape')?.scale,\n      );\n      this.tileConfigManager.setConfig(\n        'size',\n        this.parent.getAttribute('size')?.scale,\n      );\n    }\n\n    this.tileConfigManager.on('updateConfig', (updateConfigs) => {\n      updateConfigs.map((key: string) => {\n        this.updateStyle(key);\n        return '';\n      });\n    });\n  }\n\n  private updateStyle(style: string) {\n    let updateValue = null;\n    if (['size', 'color', 'shape'].includes(style)) {\n      const scaleValue = this.parent.getAttribute(style)?.scale;\n      if (!scaleValue) {\n        return;\n      }\n      updateValue = scaleValue;\n      this.children.map((child) => {\n        this.tileFactory.setStyleAttributeField(\n          child,\n          style as ScaleAttributeType,\n          scaleValue,\n        );\n        return '';\n      });\n    } else {\n      const layerConfig = this.parent.getLayerConfig() as ISubLayerInitOptions;\n      if (!(style in layerConfig)) {\n        return;\n      }\n      // @ts-ignore\n      const config = layerConfig[style];\n      updateValue = config;\n      this.updateLayersConfig(this.children, style, config);\n      if (style === 'rampColors' && config) {\n        this.rampColorsData = generateColorRamp(config as IColorRamp);\n      }\n    }\n    // @ts-ignore\n    this.initOptions[style] = updateValue;\n  }\n\n  private initTileFactory() {\n    const source = this.parent.getSource();\n    const TileFactory = getTileFactory(\n      this.parent.type as TileType,\n      source.parser,\n    );\n    this.tileFactory = new TileFactory({\n      parent: this.parent,\n      mapService: this.mapService,\n      rendererService: this.rendererService,\n    });\n  }\n}\n"],"file":"tileLayerManager.js"}

package/lib/tile/manager/tilePickerManager.js

@@ -0,0 +1,195 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 _eventemitter = require("eventemitter3");
+
+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 TilePickManager = function (_EventEmitter) {
+  (0, _inherits2.default)(TilePickManager, _EventEmitter);
+
+  var _super = _createSuper(TilePickManager);
+
+  function TilePickManager(parent, rendererService, pickingService, children, layerService) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, TilePickManager);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isLastPicked", false);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "rendererService", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "pickingService", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "layerService", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "children", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "parent", void 0);
+    _this.parent = parent;
+    _this.rendererService = rendererService;
+    _this.pickingService = pickingService;
+    _this.layerService = layerService;
+    _this.children = children;
+    return _this;
+  }
+
+  (0, _createClass2.default)(TilePickManager, [{
+    key: "normalRender",
+    value: function normalRender(layers) {
+      var _this2 = this;
+
+      layers.filter(function (layer) {
+        return layer.inited;
+      }).filter(function (layer) {
+        return layer.isVisible();
+      }).map(function (layer) {
+        layer.hooks.beforeRenderData.call();
+        layer.hooks.beforeRender.call();
+
+        if (layer.masks.length > 0) {
+          _this2.rendererService.clear({
+            stencil: 0,
+            depth: 1,
+            framebuffer: null
+          });
+
+          layer.masks.map(function (m) {
+            m.hooks.beforeRender.call();
+            m.render();
+            m.hooks.afterRender.call();
+          });
+        }
+
+        layer.render();
+        layer.hooks.afterRender.call();
+      });
+    }
+  }, {
+    key: "pickRender",
+    value: function pickRender(layers, target) {
+      var _this3 = this;
+
+      if (this.parent.type === 'RasterLayer') {
+        this.renderMask(this.parent);
+      }
+
+      var isPicked = layers.filter(function (layer) {
+        return _this3.parent.needPick(target.type) && layer.inited && layer.isVisible();
+      }).some(function (layer) {
+        layer.hooks.beforePickingEncode.call();
+
+        if (layer.masks.length > 0) {
+          _this3.rendererService.clear({
+            stencil: 0,
+            depth: 1,
+            framebuffer: null
+          });
+
+          layer.masks.map(function (m) {
+            m.hooks.beforeRender.call();
+            m.render();
+            m.hooks.afterRender.call();
+          });
+        }
+
+        layer.renderModels(true);
+        layer.hooks.afterPickingEncode.call();
+
+        var layerPicked = _this3.pickingService.pickFromPickingFBO(layer, target);
+
+        if (layerPicked && _this3.parent.type !== 'RasterLayer') {
+          _this3.emit('pick', {
+            type: target.type,
+            pickedColors: _this3.pickingService.pickedColors,
+            layer: layer
+          });
+
+          _this3.pickingService.pickedTileLayers = [_this3.parent];
+        }
+
+        return layerPicked;
+      });
+
+      if (this.parent.type !== 'RasterLayer' && !isPicked && this.isLastPicked && target.type !== 'click') {
+        this.pickingService.pickedTileLayers = [];
+        this.emit('unpick', {});
+        this.beforeHighlight([0, 0, 0]);
+      }
+
+      this.isLastPicked = isPicked;
+      return isPicked;
+    }
+  }, {
+    key: "clearPick",
+    value: function clearPick() {
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible();
+      }).map(function (layer) {
+        layer.hooks.beforeSelect.call([0, 0, 0]);
+      });
+      this.pickingService.pickedTileLayers = [];
+    }
+  }, {
+    key: "beforeHighlight",
+    value: function beforeHighlight(pickedColors) {
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible();
+      }).map(function (child) {
+        child.hooks.beforeHighlight.call(pickedColors);
+      });
+    }
+  }, {
+    key: "beforeSelect",
+    value: function beforeSelect(pickedColors) {
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible();
+      }).map(function (layer) {
+        layer.hooks.beforeSelect.call(pickedColors);
+      });
+    }
+  }, {
+    key: "renderMask",
+    value: function renderMask(layer) {
+      if (layer.inited && layer.isVisible()) {
+        layer.hooks.beforeRender.call();
+
+        if (layer.masks.length > 0) {
+          this.rendererService.clear({
+            stencil: 0,
+            depth: 1,
+            framebuffer: null
+          });
+          layer.masks.map(function (m) {
+            m.hooks.beforeRender.call();
+            m.render();
+            m.hooks.afterRender.call();
+          });
+        }
+
+        layer.hooks.afterRender.call();
+      }
+    }
+  }]);
+  return TilePickManager;
+}(_eventemitter.EventEmitter);
+
+exports.default = TilePickManager;
+//# sourceMappingURL=tilePickerManager.js.map

package/lib/tile/manager/tilePickerManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/manager/tilePickerManager.ts"],"names":["TilePickManager","parent","rendererService","pickingService","children","layerService","layers","filter","layer","inited","isVisible","map","hooks","beforeRenderData","call","beforeRender","masks","length","clear","stencil","depth","framebuffer","m","render","afterRender","target","type","renderMask","isPicked","needPick","some","beforePickingEncode","renderModels","afterPickingEncode","layerPicked","pickFromPickingFBO","emit","pickedColors","pickedTileLayers","isLastPicked","beforeHighlight","child","beforeSelect","EventEmitter"],"mappings":"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","sourcesContent":["import {\n  IInteractionTarget,\n  ILayer,\n  ILayerService,\n  IPickingService,\n  IRendererService,\n  ITilePickManager,\n} from '@antv/l7-core';\nimport { EventEmitter } from 'eventemitter3';\nexport default class TilePickManager extends EventEmitter\n  implements ITilePickManager {\n  public isLastPicked: boolean = false;\n  private rendererService: IRendererService;\n  private pickingService: IPickingService;\n  private layerService: ILayerService;\n  private children: ILayer[];\n  private parent: ILayer;\n\n  constructor(\n    parent: ILayer,\n    rendererService: IRendererService,\n    pickingService: IPickingService,\n    children: ILayer[],\n    layerService: ILayerService,\n  ) {\n    super();\n    this.parent = parent;\n    this.rendererService = rendererService;\n    this.pickingService = pickingService;\n    this.layerService = layerService;\n    this.children = children;\n  }\n\n  /**\n   *\n   * @param layers\n   */\n  public normalRender(layers: ILayer[]) {\n    layers\n      .filter((layer) => layer.inited)\n      .filter((layer) => layer.isVisible())\n      .map((layer) => {\n        layer.hooks.beforeRenderData.call();\n        layer.hooks.beforeRender.call();\n        if (layer.masks.length > 0) {\n          // 清除上一次的模版缓存\n          this.rendererService.clear({\n            stencil: 0,\n            depth: 1,\n            framebuffer: null,\n          });\n          layer.masks.map((m: ILayer) => {\n            m.hooks.beforeRender.call();\n            m.render();\n            m.hooks.afterRender.call();\n          });\n        }\n        layer.render();\n        layer.hooks.afterRender.call();\n      });\n  }\n\n  public pickRender(layers: ILayer[], target: IInteractionTarget) {\n    // Tip: 在进行拾取渲染的时候也需要先渲染一遍父组件然后再渲染子组件\n    //  如需要在 栅格瓦片存在 Mask 的时候发生的拾取，那么就需要先渲染父组件（渲染父组件的帧缓冲）\n    if (this.parent.type === 'RasterLayer') {\n      this.renderMask(this.parent);\n    }\n    const isPicked = layers\n      .filter(\n        (layer) =>\n          this.parent.needPick(target.type) &&\n          layer.inited &&\n          layer.isVisible(),\n      )\n      .some((layer) => {\n        layer.hooks.beforePickingEncode.call();\n        if (layer.masks.length > 0) {\n          // 清除上一次的模版缓存\n          this.rendererService.clear({\n            stencil: 0,\n            depth: 1,\n            framebuffer: null,\n          });\n\n          layer.masks.map((m: ILayer) => {\n            m.hooks.beforeRender.call();\n            m.render();\n            m.hooks.afterRender.call();\n          });\n        }\n        layer.renderModels(true);\n        layer.hooks.afterPickingEncode.call();\n        const layerPicked = this.pickingService.pickFromPickingFBO(\n          layer,\n          target,\n        );\n        // RasterLayer 不参与拾取后的 shader 计算\n        if (layerPicked && this.parent.type !== 'RasterLayer') {\n          this.emit('pick', {\n            type: target.type,\n            pickedColors: this.pickingService.pickedColors,\n            layer,\n          });\n          this.pickingService.pickedTileLayers = [this.parent];\n        }\n\n        return layerPicked;\n      });\n    if (\n      this.parent.type !== 'RasterLayer' &&\n      !isPicked &&\n      this.isLastPicked &&\n      target.type !== 'click'\n    ) {\n      // 只有上一次有被高亮选中，本次未选中的时候才需要清除选中状态\n      this.pickingService.pickedTileLayers = [];\n      this.emit('unpick', {});\n      this.beforeHighlight([0, 0, 0]);\n    }\n    this.isLastPicked = isPicked;\n    return isPicked;\n  }\n\n  public clearPick() {\n    this.children\n      .filter((child) => child.inited && child.isVisible())\n      .map((layer) => {\n        layer.hooks.beforeSelect.call([0, 0, 0]);\n      });\n    this.pickingService.pickedTileLayers = [];\n  }\n\n  public beforeHighlight(pickedColors: any) {\n    this.children\n      .filter((child) => child.inited && child.isVisible())\n      .map((child) => {\n        child.hooks.beforeHighlight.call(pickedColors);\n      });\n  }\n\n  public beforeSelect(pickedColors: any) {\n    this.children\n      .filter((child) => child.inited && child.isVisible())\n      .map((layer) => {\n        layer.hooks.beforeSelect.call(pickedColors);\n      });\n  }\n\n  protected renderMask(layer: ILayer) {\n    if (layer.inited && layer.isVisible()) {\n      layer.hooks.beforeRender.call();\n      if (layer.masks.length > 0) {\n        this.rendererService.clear({\n          stencil: 0,\n          depth: 1,\n          framebuffer: null,\n        });\n        layer.masks.map((m: ILayer) => {\n          m.hooks.beforeRender.call();\n          m.render();\n          m.hooks.afterRender.call();\n        });\n      }\n      layer.hooks.afterRender.call();\n    }\n  }\n}\n"],"file":"tilePickerManager.js"}

package/lib/tile/models/tileModel.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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 _BaseModel2 = _interopRequireDefault(require("../../core/BaseModel"));
+
+var _tmsTileLayer = require("../tmsTileLayer");
+
+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 RasterTileModel = function (_BaseModel) {
+  (0, _inherits2.default)(RasterTileModel, _BaseModel);
+
+  var _super = _createSuper(RasterTileModel);
+
+  function RasterTileModel() {
+    (0, _classCallCheck2.default)(this, RasterTileModel);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(RasterTileModel, [{
+    key: "getUninforms",
+    value: function getUninforms() {
+      return {};
+    }
+  }, {
+    key: "initModels",
+    value: function initModels() {
+      var _this$layer$getSource;
+
+      if ((_this$layer$getSource = this.layer.getSource()) !== null && _this$layer$getSource !== void 0 && _this$layer$getSource.data.isTile) {
+        this.layer.tileLayer = new _tmsTileLayer.TMSTileLayer({
+          parent: this.layer,
+          rendererService: this.rendererService,
+          mapService: this.mapService,
+          layerService: this.layerService,
+          pickingService: this.pickingService
+        });
+      }
+
+      return this.buildModels();
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels() {
+      return [];
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes() {}
+  }]);
+  return RasterTileModel;
+}(_BaseModel2.default);
+
+exports.default = RasterTileModel;
+//# sourceMappingURL=tileModel.js.map

package/lib/tile/models/tileModel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/models/tileModel.ts"],"names":["RasterTileModel","layer","getSource","data","isTile","tileLayer","TMSTileLayer","parent","rendererService","mapService","layerService","pickingService","buildModels","BaseModel"],"mappings":";;;;;;;;;;;;;;;;;;;AACA;;AACA;;;;;;IACqBA,e;;;;;;;;;;;;WACnB,wBAAqC;AACnC,aAAO,EAAP;AACD;;;WAED,sBAAoB;AAAA;;AAClB,mCAAI,KAAKC,KAAL,CAAWC,SAAX,EAAJ,kDAAI,sBAAwBC,IAAxB,CAA6BC,MAAjC,EAAyC;AACvC,aAAKH,KAAL,CAAWI,SAAX,GAAuB,IAAIC,0BAAJ,CAAiB;AACtCC,UAAAA,MAAM,EAAE,KAAKN,KADyB;AAEtCO,UAAAA,eAAe,EAAE,KAAKA,eAFgB;AAGtCC,UAAAA,UAAU,EAAE,KAAKA,UAHqB;AAItCC,UAAAA,YAAY,EAAE,KAAKA,YAJmB;AAKtCC,UAAAA,cAAc,EAAE,KAAKA;AALiB,SAAjB,CAAvB;AAOD;;AAED,aAAO,KAAKC,WAAL,EAAP;AACD;;;WAED,uBAAqB;AACnB,aAAO,EAAP;AACD;;;WAED,qCAAsC,CAErC;;;EAzB0CC,mB","sourcesContent":["import { IModelUniform } from '@antv/l7-core';\nimport BaseModel from '../../core/BaseModel';\nimport { TMSTileLayer } from '../tmsTileLayer';\nexport default class RasterTileModel extends BaseModel {\n  public getUninforms(): IModelUniform {\n    return {};\n  }\n\n  public initModels() {\n    if (this.layer.getSource()?.data.isTile) {\n      this.layer.tileLayer = new TMSTileLayer({\n        parent: this.layer,\n        rendererService: this.rendererService,\n        mapService: this.mapService,\n        layerService: this.layerService,\n        pickingService: this.pickingService,\n      });\n    }\n\n    return this.buildModels();\n  }\n\n  public buildModels() {\n    return [];\n  }\n\n  protected registerBuiltinAttributes() {\n    //\n  }\n}\n"],"file":"tileModel.js"}