@antv/l7-layers 2.9.15 → 2.9.16

package/lib/raster/index.js

@@ -21,7 +21,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _LayerGroup2 = _interopRequireDefault(require("../core/LayerGroup"));
+var _BaseLayer2 = _interopRequireDefault(require("../core/BaseLayer"));
 
 var _index = _interopRequireDefault(require("./models/index"));
 
@@ -29,8 +29,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; } }
 
-var RaterLayer = function (_LayerGroup) {
-  (0, _inherits2.default)(RaterLayer, _LayerGroup);
+var RaterLayer = function (_BaseLayer) {
+  (0, _inherits2.default)(RaterLayer, _BaseLayer);
 
   var _super = _createSuper(RaterLayer);
 
@@ -100,7 +100,7 @@ var RaterLayer = function (_LayerGroup) {
     }
   }]);
   return RaterLayer;
-}(_LayerGroup2.default);
+}(_BaseLayer2.default);
 
 exports.default = RaterLayer;
 //# sourceMappingURL=index.js.map

package/lib/raster/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/raster/index.ts"],"names":["RaterLayer","modelType","getModelType","layerModel","RasterModels","models","initModels","buildModels","properties","opacity","type","minimum","maximum","defaultConfig","raster","raster3d","rasterTile","layerSource","parser","LayerGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;;;;;IACqBA,U;;;;;;;;;;;;;;;uFACG,a;;;;;;WACtB,uBAAqB;AACnB,UAAMC,SAAS,GAAG,KAAKC,YAAL,EAAlB;AACA,WAAKC,UAAL,GAAkB,IAAIC,eAAaH,SAAb,CAAJ,CAA4B,IAA5B,CAAlB;AACA,WAAKI,MAAL,GAAc,KAAKF,UAAL,CAAgBG,UAAhB,EAAd;AACD;;;WACD,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKF,UAAL,CAAgBI,WAAhB,EAAd;AACD;;;WACD,2BAA4B;AAC1B,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WACD,4BAA6B;AAC3B,UAAMF,IAAI,GAAG,KAAKR,YAAL,EAAb;AACA,UAAMW,aAAa,GAAG;AACpBC,QAAAA,MAAM,EAAE,EADY;AAEpBC,QAAAA,QAAQ,EAAE,EAFU;AAGpBC,QAAAA,UAAU,EAAE;AAHQ,OAAtB;AAKA,aAAOH,aAAa,CAACH,IAAD,CAApB;AACD;;;WAED,wBAA0C;AAExC,cAAQ,KAAKO,WAAL,CAAiBC,MAAjB,CAAwBR,IAAhC;AACE,aAAK,QAAL;AACE,iBAAO,QAAP;;AACF,aAAK,YAAL;AACE,iBAAO,YAAP;;AACF;AACE,iBAAO,QAAP;AANJ;AASD;;;EA1CqCS,oB","sourcesContent":["import { IRasterLayerStyleOptions } from '../core/interface';\nimport LayerGroup from '../core/LayerGroup';\nimport RasterModels, { RasterModelType } from './models/index';\nexport default class RaterLayer extends LayerGroup<IRasterLayerStyleOptions> {\n  public type: string = 'RasterLayer';\n  public buildModels() {\n    const modelType = this.getModelType();\n    this.layerModel = new RasterModels[modelType](this);\n    this.models = this.layerModel.initModels();\n  }\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\n  }\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n  protected getDefaultConfig() {\n    const type = this.getModelType();\n    const defaultConfig = {\n      raster: {},\n      raster3d: {},\n      rasterTile: {},\n    };\n    return defaultConfig[type];\n  }\n\n  protected getModelType(): RasterModelType {\n    // 根据 source 的类型判断 model type\n    switch (this.layerSource.parser.type) {\n      case 'raster':\n        return 'raster';\n      case 'rasterTile':\n        return 'rasterTile';\n      default:\n        return 'raster';\n    }\n    // return 'raster';\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/raster/index.ts"],"names":["RaterLayer","modelType","getModelType","layerModel","RasterModels","models","initModels","buildModels","properties","opacity","type","minimum","maximum","defaultConfig","raster","raster3d","rasterTile","layerSource","parser","BaseLayer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;;;;;IACqBA,U;;;;;;;;;;;;;;;uFACG,a;;;;;;WACtB,uBAAqB;AACnB,UAAMC,SAAS,GAAG,KAAKC,YAAL,EAAlB;AACA,WAAKC,UAAL,GAAkB,IAAIC,eAAaH,SAAb,CAAJ,CAA4B,IAA5B,CAAlB;AACA,WAAKI,MAAL,GAAc,KAAKF,UAAL,CAAgBG,UAAhB,EAAd;AACD;;;WACD,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKF,UAAL,CAAgBI,WAAhB,EAAd;AACD;;;WACD,2BAA4B;AAC1B,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WACD,4BAA6B;AAC3B,UAAMF,IAAI,GAAG,KAAKR,YAAL,EAAb;AACA,UAAMW,aAAa,GAAG;AACpBC,QAAAA,MAAM,EAAE,EADY;AAEpBC,QAAAA,QAAQ,EAAE,EAFU;AAGpBC,QAAAA,UAAU,EAAE;AAHQ,OAAtB;AAKA,aAAOH,aAAa,CAACH,IAAD,CAApB;AACD;;;WAED,wBAA0C;AAExC,cAAQ,KAAKO,WAAL,CAAiBC,MAAjB,CAAwBR,IAAhC;AACE,aAAK,QAAL;AACE,iBAAO,QAAP;;AACF,aAAK,YAAL;AACE,iBAAO,YAAP;;AACF;AACE,iBAAO,QAAP;AANJ;AASD;;;EA1CqCS,mB","sourcesContent":["import BaseLayer from '../core/BaseLayer';\nimport { IRasterLayerStyleOptions } from '../core/interface';\nimport RasterModels, { RasterModelType } from './models/index';\nexport default class RaterLayer extends BaseLayer<IRasterLayerStyleOptions> {\n  public type: string = 'RasterLayer';\n  public buildModels() {\n    const modelType = this.getModelType();\n    this.layerModel = new RasterModels[modelType](this);\n    this.models = this.layerModel.initModels();\n  }\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\n  }\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n  protected getDefaultConfig() {\n    const type = this.getModelType();\n    const defaultConfig = {\n      raster: {},\n      raster3d: {},\n      rasterTile: {},\n    };\n    return defaultConfig[type];\n  }\n\n  protected getModelType(): RasterModelType {\n    // 根据 source 的类型判断 model type\n    switch (this.layerSource.parser.type) {\n      case 'raster':\n        return 'raster';\n      case 'rasterTile':\n        return 'rasterTile';\n      default:\n        return 'raster';\n    }\n    // return 'raster';\n  }\n}\n"],"file":"index.js"}

package/lib/raster/models/index.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _rasteTile = _interopRequireDefault(require("./raste-tile"));
+var _tileModel = _interopRequireDefault(require("../../tile/models/tileModel"));
 
 var _raster = _interopRequireDefault(require("./raster"));
 
 var RasterModels = {
   raster: _raster.default,
   raster3d: _raster.default,
-  rasterTile: _rasteTile.default
+  rasterTile: _tileModel.default
 };
 var _default = RasterModels;
 exports.default = _default;

package/lib/raster/models/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/raster/models/index.ts"],"names":["RasterModels","raster","RasterModel","raster3d","rasterTile","RasterTileModel"],"mappings":";;;;;;;;;AAAA;;AACA;;AAGA,IAAMA,YAA+C,GAAG;AACtDC,EAAAA,MAAM,EAAEC,eAD8C;AAEtDC,EAAAA,QAAQ,EAAED,eAF4C;AAGtDE,EAAAA,UAAU,EAAEC;AAH0C,CAAxD;eAMeL,Y","sourcesContent":["import RasterTileModel from './raste-tile';\nimport RasterModel from './raster';\nexport type RasterModelType = 'raster' | 'raster3d' | 'rasterTile';\n\nconst RasterModels: { [key in RasterModelType]: any } = {\n  raster: RasterModel,\n  raster3d: RasterModel,\n  rasterTile: RasterTileModel,\n};\n\nexport default RasterModels;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/raster/models/index.ts"],"names":["RasterModels","raster","RasterModel","raster3d","rasterTile","RasterTileModel"],"mappings":";;;;;;;;;AAAA;;AACA;;AAGA,IAAMA,YAA+C,GAAG;AACtDC,EAAAA,MAAM,EAAEC,eAD8C;AAEtDC,EAAAA,QAAQ,EAAED,eAF4C;AAGtDE,EAAAA,UAAU,EAAEC;AAH0C,CAAxD;eAMeL,Y","sourcesContent":["import RasterTileModel from '../../tile/models/tileModel';\nimport RasterModel from './raster';\nexport type RasterModelType = 'raster' | 'raster3d' | 'rasterTile';\n\nconst RasterModels: { [key in RasterModelType]: any } = {\n  raster: RasterModel,\n  raster3d: RasterModel,\n  rasterTile: RasterTileModel,\n};\n\nexport default RasterModels;\n"],"file":"index.js"}

package/lib/raster/models/raster.js

@@ -21,6 +21,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
+
 var _l7Core = require("@antv/l7-core");
 
 var _l7Utils = require("@antv/l7-utils");
@@ -53,6 +55,7 @@ var RasterModel = function (_BaseModel) {
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "texture", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "colorTexture", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "rampColors", void 0);
     return _this;
   }
 
@@ -69,9 +72,14 @@ var RasterModel = function (_BaseModel) {
           _ref$noDataValue = _ref.noDataValue,
           noDataValue = _ref$noDataValue === void 0 ? -9999999 : _ref$noDataValue,
           _ref$domain = _ref.domain,
-          domain = _ref$domain === void 0 ? [0, 1] : _ref$domain;
+          domain = _ref$domain === void 0 ? [0, 1] : _ref$domain,
+          rampColors = _ref.rampColors;
+
+      if (!(0, _isEqual2.default)(this.rampColors, rampColors)) {
+        this.updateColorTexure();
+        this.rampColors = rampColors;
+      }
 
-      this.updateColorTexure();
       return {
         u_opacity: opacity || 1,
         u_texture: this.texture,
@@ -85,13 +93,13 @@ var RasterModel = function (_BaseModel) {
   }, {
     key: "initModels",
     value: function initModels() {
-      this.layer.isLayerGroup = false;
-
       var _ref2 = this.layer.getLayerConfig(),
           _ref2$mask = _ref2.mask,
           mask = _ref2$mask === void 0 ? false : _ref2$mask,
           _ref2$maskInside = _ref2.maskInside,
-          maskInside = _ref2$maskInside === void 0 ? true : _ref2$maskInside;
+          maskInside = _ref2$maskInside === void 0 ? true : _ref2$maskInside,
+          rampColorsData = _ref2.rampColorsData,
+          rampColors = _ref2.rampColors;
 
       var source = this.layer.getSource();
       var createTexture2D = this.rendererService.createTexture2D;
@@ -103,11 +111,7 @@ var RasterModel = function (_BaseModel) {
         format: _l7Core.gl.LUMINANCE,
         type: _l7Core.gl.FLOAT
       });
-
-      var _ref3 = this.layer.getLayerConfig(),
-          rampColors = _ref3.rampColors;
-
-      var imageData = (0, _l7Utils.generateColorRamp)(rampColors);
+      var imageData = rampColorsData ? rampColorsData : (0, _l7Utils.generateColorRamp)(rampColors);
       this.colorTexture = createTexture2D({
         data: imageData.data,
         width: imageData.width,
@@ -132,6 +136,14 @@ var RasterModel = function (_BaseModel) {
     value: function buildModels() {
       return this.initModels();
     }
+  }, {
+    key: "clearModels",
+    value: function clearModels() {
+      var _this$texture, _this$colorTexture;
+
+      (_this$texture = this.texture) === null || _this$texture === void 0 ? void 0 : _this$texture.destroy();
+      (_this$colorTexture = this.colorTexture) === null || _this$colorTexture === void 0 ? void 0 : _this$colorTexture.destroy();
+    }
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
@@ -157,8 +169,8 @@ var RasterModel = function (_BaseModel) {
     value: function updateColorTexure() {
       var createTexture2D = this.rendererService.createTexture2D;
 
-      var _ref4 = this.layer.getLayerConfig(),
-          rampColors = _ref4.rampColors;
+      var _ref3 = this.layer.getLayerConfig(),
+          rampColors = _ref3.rampColors;
 
       var imageData = (0, _l7Utils.generateColorRamp)(rampColors);
       this.colorTexture = createTexture2D({

package/lib/raster/models/raster.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/raster/models/raster.ts"],"names":["RasterModel","layer","getLayerConfig","opacity","clampLow","clampHigh","noDataValue","domain","updateColorTexure","u_opacity","u_texture","texture","u_domain","u_clampLow","u_clampHigh","u_noDataValue","u_colorTexture","colorTexture","isLayerGroup","mask","maskInside","source","getSource","createTexture2D","rendererService","parserDataItem","data","dataArray","width","height","format","gl","LUMINANCE","type","FLOAT","rampColors","imageData","flipY","buildLayerModel","moduleName","vertexShader","rasterVert","fragmentShader","rasterFrag","triangulation","RasterImageTriangulation","primitive","TRIANGLES","depth","enable","blend","getBlend","stencil","initModels","styleAttributeService","registerStyleAttribute","name","AttributeType","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","size","update","feature","featureIdx","vertex","attributeIdx","BaseModel"],"mappings":"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","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IEncodeFeature,\n  ITexture2D,\n  lazyInject,\n  TYPES,\n} from '@antv/l7-core';\nimport { generateColorRamp, getMask, IColorRamp } from '@antv/l7-utils';\nimport BaseModel from '../../core/BaseModel';\nimport { IRasterLayerStyleOptions } from '../../core/interface';\nimport { RasterImageTriangulation } from '../../core/triangulation';\nimport rasterFrag from '../shaders/raster_2d_frag.glsl';\nimport rasterVert from '../shaders/raster_2d_vert.glsl';\nexport default class RasterModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected colorTexture: ITexture2D;\n  public getUninforms() {\n    const {\n      opacity = 1,\n      clampLow = true,\n      clampHigh = true,\n      noDataValue = -9999999,\n      domain = [0, 1],\n    } = this.layer.getLayerConfig() as IRasterLayerStyleOptions;\n    this.updateColorTexure();\n    return {\n      u_opacity: opacity || 1,\n      u_texture: this.texture,\n      u_domain: domain,\n      u_clampLow: clampLow,\n      u_clampHigh: typeof clampHigh !== 'undefined' ? clampHigh : clampLow,\n      u_noDataValue: noDataValue,\n      u_colorTexture: this.colorTexture,\n    };\n  }\n\n  public initModels() {\n    // 指定当前 layer 当作普通的 layer 进行渲染\n    this.layer.isLayerGroup = false;\n\n    const {\n      mask = false,\n      maskInside = true,\n    } = this.layer.getLayerConfig() as IRasterLayerStyleOptions;\n    const source = this.layer.getSource();\n    const { createTexture2D } = this.rendererService;\n    const parserDataItem = source.data.dataArray[0];\n    this.texture = createTexture2D({\n      data: parserDataItem.data,\n      width: parserDataItem.width,\n      height: parserDataItem.height,\n      format: gl.LUMINANCE,\n      type: gl.FLOAT,\n      // aniso: 4,\n    });\n    const {\n      rampColors,\n    } = this.layer.getLayerConfig() as IRasterLayerStyleOptions;\n    const imageData = generateColorRamp(rampColors as IColorRamp);\n    this.colorTexture = createTexture2D({\n      data: imageData.data,\n      width: imageData.width,\n      height: imageData.height,\n      flipY: false,\n    });\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'RasterImageData',\n        vertexShader: rasterVert,\n        fragmentShader: rasterFrag,\n        triangulation: RasterImageTriangulation,\n        primitive: gl.TRIANGLES,\n        depth: { enable: false },\n        blend: this.getBlend(),\n        stencil: getMask(mask, maskInside),\n      }),\n    ];\n  }\n\n  public buildModels() {\n    return this.initModels();\n  }\n  protected registerBuiltinAttributes() {\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[3], vertex[4]];\n        },\n      },\n    });\n  }\n\n  private updateColorTexure() {\n    const { createTexture2D } = this.rendererService;\n    const {\n      rampColors,\n    } = this.layer.getLayerConfig() as IRasterLayerStyleOptions;\n    const imageData = generateColorRamp(rampColors as IColorRamp);\n    this.colorTexture = createTexture2D({\n      data: imageData.data,\n      width: imageData.width,\n      height: imageData.height,\n      flipY: false,\n    });\n  }\n}\n"],"file":"raster.js"}
+{"version":3,"sources":["../../../src/raster/models/raster.ts"],"names":["RasterModel","layer","getLayerConfig","opacity","clampLow","clampHigh","noDataValue","domain","rampColors","updateColorTexure","u_opacity","u_texture","texture","u_domain","u_clampLow","u_clampHigh","u_noDataValue","u_colorTexture","colorTexture","mask","maskInside","rampColorsData","source","getSource","createTexture2D","rendererService","parserDataItem","data","dataArray","width","height","format","gl","LUMINANCE","type","FLOAT","imageData","flipY","buildLayerModel","moduleName","vertexShader","rasterVert","fragmentShader","rasterFrag","triangulation","RasterImageTriangulation","primitive","TRIANGLES","depth","enable","blend","getBlend","stencil","initModels","destroy","styleAttributeService","registerStyleAttribute","name","AttributeType","Attribute","descriptor","buffer","usage","DYNAMIC_DRAW","size","update","feature","featureIdx","vertex","attributeIdx","BaseModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAQA;;AAEA;;AAEA;;;;;;;;;IAGqBA,W;;;;;;;;;;;;;;;;;;;;;;;WAInB,wBAAsB;AACpB,iBAOI,KAAKC,KAAL,CAAWC,cAAX,EAPJ;AAAA,8BACEC,OADF;AAAA,UACEA,OADF,6BACY,CADZ;AAAA,+BAEEC,QAFF;AAAA,UAEEA,QAFF,8BAEa,IAFb;AAAA,gCAGEC,SAHF;AAAA,UAGEA,SAHF,+BAGc,IAHd;AAAA,kCAIEC,WAJF;AAAA,UAIEA,WAJF,iCAIgB,CAAC,OAJjB;AAAA,6BAKEC,MALF;AAAA,UAKEA,MALF,4BAKW,CAAC,CAAD,EAAI,CAAJ,CALX;AAAA,UAMEC,UANF,QAMEA,UANF;;AAQA,UAAI,CAAC,uBAAQ,KAAKA,UAAb,EAAyBA,UAAzB,CAAL,EAA2C;AACzC,aAAKC,iBAAL;AACA,aAAKD,UAAL,GAAkBA,UAAlB;AACD;;AAED,aAAO;AACLE,QAAAA,SAAS,EAAEP,OAAO,IAAI,CADjB;AAELQ,QAAAA,SAAS,EAAE,KAAKC,OAFX;AAGLC,QAAAA,QAAQ,EAAEN,MAHL;AAILO,QAAAA,UAAU,EAAEV,QAJP;AAKLW,QAAAA,WAAW,EAAE,OAAOV,SAAP,KAAqB,WAArB,GAAmCA,SAAnC,GAA+CD,QALvD;AAMLY,QAAAA,aAAa,EAAEV,WANV;AAOLW,QAAAA,cAAc,EAAE,KAAKC;AAPhB,OAAP;AASD;;;WAED,sBAAoB;AAClB,kBAKI,KAAKjB,KAAL,CAAWC,cAAX,EALJ;AAAA,6BACEiB,IADF;AAAA,UACEA,IADF,2BACS,KADT;AAAA,mCAEEC,UAFF;AAAA,UAEEA,UAFF,iCAEe,IAFf;AAAA,UAGEC,cAHF,SAGEA,cAHF;AAAA,UAIEb,UAJF,SAIEA,UAJF;;AAMA,UAAMc,MAAM,GAAG,KAAKrB,KAAL,CAAWsB,SAAX,EAAf;AACA,UAAQC,eAAR,GAA4B,KAAKC,eAAjC,CAAQD,eAAR;AACA,UAAME,cAAc,GAAGJ,MAAM,CAACK,IAAP,CAAYC,SAAZ,CAAsB,CAAtB,CAAvB;AACA,WAAKhB,OAAL,GAAeY,eAAe,CAAC;AAC7BG,QAAAA,IAAI,EAAED,cAAc,CAACC,IADQ;AAE7BE,QAAAA,KAAK,EAAEH,cAAc,CAACG,KAFO;AAG7BC,QAAAA,MAAM,EAAEJ,cAAc,CAACI,MAHM;AAI7BC,QAAAA,MAAM,EAAEC,WAAGC,SAJkB;AAK7BC,QAAAA,IAAI,EAAEF,WAAGG;AALoB,OAAD,CAA9B;AAQA,UAAMC,SAAS,GAAGf,cAAc,GAC5BA,cAD4B,GAE5B,gCAAkBb,UAAlB,CAFJ;AAGA,WAAKU,YAAL,GAAoBM,eAAe,CAAC;AAClCG,QAAAA,IAAI,EAAES,SAAS,CAACT,IADkB;AAElCE,QAAAA,KAAK,EAAEO,SAAS,CAACP,KAFiB;AAGlCC,QAAAA,MAAM,EAAEM,SAAS,CAACN,MAHgB;AAIlCO,QAAAA,KAAK,EAAE;AAJ2B,OAAD,CAAnC;AAMA,aAAO,CACL,KAAKpC,KAAL,CAAWqC,eAAX,CAA2B;AACzBC,QAAAA,UAAU,EAAE,iBADa;AAEzBC,QAAAA,YAAY,EAAEC,UAFW;AAGzBC,QAAAA,cAAc,EAAEC,UAHS;AAIzBC,QAAAA,aAAa,EAAEC,uCAJU;AAKzBC,QAAAA,SAAS,EAAEd,WAAGe,SALW;AAMzBC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAV,SANkB;AAOzBC,QAAAA,KAAK,EAAE,KAAKC,QAAL,EAPkB;AAQzBC,QAAAA,OAAO,EAAE,sBAAQjC,IAAR,EAAcC,UAAd;AARgB,OAA3B,CADK,CAAP;AAYD;;;WAED,uBAAqB;AACnB,aAAO,KAAKiC,UAAL,EAAP;AACD;;;WAED,uBAA2B;AAAA;;AACzB,4BAAKzC,OAAL,gEAAc0C,OAAd;AACA,iCAAKpC,YAAL,0EAAmBoC,OAAnB;AACD;;;WAED,qCAAsC;AAEpC,WAAKC,qBAAL,CAA2BC,sBAA3B,CAAkD;AAChDC,QAAAA,IAAI,EAAE,IAD0C;AAEhDvB,QAAAA,IAAI,EAAEwB,sBAAcC,SAF4B;AAGhDC,QAAAA,UAAU,EAAE;AACVH,UAAAA,IAAI,EAAE,MADI;AAEVI,UAAAA,MAAM,EAAE;AAENC,YAAAA,KAAK,EAAE9B,WAAG+B,YAFJ;AAGNpC,YAAAA,IAAI,EAAE,EAHA;AAINO,YAAAA,IAAI,EAAEF,WAAGG;AAJH,WAFE;AAQV6B,UAAAA,IAAI,EAAE,CARI;AASVC,UAAAA,MAAM,EAAE,gBACNC,OADM,EAENC,UAFM,EAGNC,MAHM,EAINC,YAJM,EAKH;AACH,mBAAO,CAACD,MAAM,CAAC,CAAD,CAAP,EAAYA,MAAM,CAAC,CAAD,CAAlB,CAAP;AACD;AAhBS;AAHoC,OAAlD;AAsBD;;;WAED,6BAA4B;AAC1B,UAAQ5C,eAAR,GAA4B,KAAKC,eAAjC,CAAQD,eAAR;;AACA,kBAEI,KAAKvB,KAAL,CAAWC,cAAX,EAFJ;AAAA,UACEM,UADF,SACEA,UADF;;AAGA,UAAM4B,SAAS,GAAG,gCAAkB5B,UAAlB,CAAlB;AACA,WAAKU,YAAL,GAAoBM,eAAe,CAAC;AAClCG,QAAAA,IAAI,EAAES,SAAS,CAACT,IADkB;AAElCE,QAAAA,KAAK,EAAEO,SAAS,CAACP,KAFiB;AAGlCC,QAAAA,MAAM,EAAEM,SAAS,CAACN,MAHgB;AAIlCO,QAAAA,KAAK,EAAE;AAJ2B,OAAD,CAAnC;AAMD;;;EArHsCiC,mB","sourcesContent":["import {\n  AttributeType,\n  gl,\n  IEncodeFeature,\n  ITexture2D,\n  lazyInject,\n  TYPES,\n} from '@antv/l7-core';\nimport { generateColorRamp, getMask, IColorRamp } from '@antv/l7-utils';\nimport { isEqual } from 'lodash';\nimport BaseModel from '../../core/BaseModel';\nimport { IRasterLayerStyleOptions } from '../../core/interface';\nimport { RasterImageTriangulation } from '../../core/triangulation';\nimport rasterFrag from '../shaders/raster_2d_frag.glsl';\nimport rasterVert from '../shaders/raster_2d_vert.glsl';\nexport default class RasterModel extends BaseModel {\n  protected texture: ITexture2D;\n  protected colorTexture: ITexture2D;\n  private rampColors: any;\n  public getUninforms() {\n    const {\n      opacity = 1,\n      clampLow = true,\n      clampHigh = true,\n      noDataValue = -9999999,\n      domain = [0, 1],\n      rampColors,\n    } = this.layer.getLayerConfig() as IRasterLayerStyleOptions;\n    if (!isEqual(this.rampColors, rampColors)) {\n      this.updateColorTexure();\n      this.rampColors = rampColors;\n    }\n\n    return {\n      u_opacity: opacity || 1,\n      u_texture: this.texture,\n      u_domain: domain,\n      u_clampLow: clampLow,\n      u_clampHigh: typeof clampHigh !== 'undefined' ? clampHigh : clampLow,\n      u_noDataValue: noDataValue,\n      u_colorTexture: this.colorTexture,\n    };\n  }\n\n  public initModels() {\n    const {\n      mask = false,\n      maskInside = true,\n      rampColorsData,\n      rampColors,\n    } = this.layer.getLayerConfig() as IRasterLayerStyleOptions;\n    const source = this.layer.getSource();\n    const { createTexture2D } = this.rendererService;\n    const parserDataItem = source.data.dataArray[0];\n    this.texture = createTexture2D({\n      data: parserDataItem.data,\n      width: parserDataItem.width,\n      height: parserDataItem.height,\n      format: gl.LUMINANCE,\n      type: gl.FLOAT,\n      // aniso: 4,\n    });\n    const imageData = rampColorsData\n      ? rampColorsData\n      : generateColorRamp(rampColors as IColorRamp);\n    this.colorTexture = createTexture2D({\n      data: imageData.data,\n      width: imageData.width,\n      height: imageData.height,\n      flipY: false,\n    });\n    return [\n      this.layer.buildLayerModel({\n        moduleName: 'RasterImageData',\n        vertexShader: rasterVert,\n        fragmentShader: rasterFrag,\n        triangulation: RasterImageTriangulation,\n        primitive: gl.TRIANGLES,\n        depth: { enable: false },\n        blend: this.getBlend(),\n        stencil: getMask(mask, maskInside),\n      }),\n    ];\n  }\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  public clearModels(): void {\n    this.texture?.destroy();\n    this.colorTexture?.destroy();\n  }\n\n  protected registerBuiltinAttributes() {\n    // point layer size;\n    this.styleAttributeService.registerStyleAttribute({\n      name: 'uv',\n      type: AttributeType.Attribute,\n      descriptor: {\n        name: 'a_Uv',\n        buffer: {\n          // give the WebGL driver a hint that this buffer may change\n          usage: gl.DYNAMIC_DRAW,\n          data: [],\n          type: gl.FLOAT,\n        },\n        size: 2,\n        update: (\n          feature: IEncodeFeature,\n          featureIdx: number,\n          vertex: number[],\n          attributeIdx: number,\n        ) => {\n          return [vertex[3], vertex[4]];\n        },\n      },\n    });\n  }\n\n  private updateColorTexure() {\n    const { createTexture2D } = this.rendererService;\n    const {\n      rampColors,\n    } = this.layer.getLayerConfig() as IRasterLayerStyleOptions;\n    const imageData = generateColorRamp(rampColors as IColorRamp);\n    this.colorTexture = createTexture2D({\n      data: imageData.data,\n      width: imageData.width,\n      height: imageData.height,\n      flipY: false,\n    });\n  }\n}\n"],"file":"raster.js"}

package/lib/tile/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=interface.js.map

package/lib/tile/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"interface.js"}

package/lib/tile/manager/tileConfigManager.js

@@ -0,0 +1,134 @@
+"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 _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
+
+var _eventemitter = _interopRequireDefault(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 TileConfigManager = function (_EventEmitter) {
+  (0, _inherits2.default)(TileConfigManager, _EventEmitter);
+
+  var _super = _createSuper(TileConfigManager);
+
+  function TileConfigManager() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, TileConfigManager);
+    _this = _super.call(this);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "cacheConfig", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "checkConfigList", []);
+    _this.cacheConfig = new Map();
+    return _this;
+  }
+
+  (0, _createClass2.default)(TileConfigManager, [{
+    key: "setConfig",
+    value: function setConfig(key, value) {
+      if (!this.checkConfigList.includes(key)) {
+        this.checkConfigList.push(key);
+      }
+
+      this.cacheConfig.set(key, value);
+    }
+  }, {
+    key: "removeConfig",
+    value: function removeConfig(key) {
+      var configIndex = this.checkConfigList.indexOf(key);
+
+      if (configIndex > -1) {
+        this.cacheConfig.delete(key);
+        this.checkConfigList.splice(configIndex, 1);
+      }
+    }
+  }, {
+    key: "checkConfig",
+    value: function checkConfig(layer) {
+      var _this2 = this;
+
+      if (!layer.inited) {
+        return;
+      }
+
+      var layerConfig = layer.getLayerConfig();
+      var updateConfigs = [];
+      this.checkConfigList.map(function (key) {
+        var cacheConfig = _this2.cacheConfig.get(key);
+
+        var currentConfig;
+
+        if (['color', 'size', 'shape'].includes(key)) {
+          var _layer$getAttribute;
+
+          currentConfig = (_layer$getAttribute = layer.getAttribute(key)) === null || _layer$getAttribute === void 0 ? void 0 : _layer$getAttribute.scale;
+        } else {
+          if (!(key in layerConfig)) {
+            return;
+          }
+
+          currentConfig = layerConfig[key];
+        }
+
+        if (!(0, _isEqual2.default)(cacheConfig, currentConfig)) {
+          updateConfigs.push(key);
+
+          _this2.setConfig(key, currentConfig);
+        }
+      });
+
+      if (updateConfigs.length > 0) {
+        console.warn('tile config cache update!', updateConfigs);
+        this.emit('updateConfig', updateConfigs);
+      }
+    }
+  }, {
+    key: "getAttributeScale",
+    value: function getAttributeScale(layer, name) {
+      var attribute = layer.getAttribute(name);
+      var scaleValue = {
+        field: undefined,
+        values: undefined,
+        callback: undefined
+      };
+
+      if (attribute && attribute.scale) {
+        var _attribute$scale = attribute.scale,
+            field = _attribute$scale.field,
+            values = _attribute$scale.values,
+            callback = _attribute$scale.callback;
+        scaleValue.field = field;
+        scaleValue.values = values;
+        scaleValue.callback = callback;
+      }
+
+      return scaleValue;
+    }
+  }]);
+  return TileConfigManager;
+}(_eventemitter.default);
+
+exports.default = TileConfigManager;
+//# sourceMappingURL=tileConfigManager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tile/manager/tileConfigManager.ts"],"names":["TileConfigManager","cacheConfig","Map","key","value","checkConfigList","includes","push","set","configIndex","indexOf","delete","splice","layer","inited","layerConfig","getLayerConfig","updateConfigs","map","get","currentConfig","getAttribute","scale","setConfig","length","console","warn","emit","name","attribute","scaleValue","field","undefined","values","callback","EventEmitter"],"mappings":"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","sourcesContent":["import { ILayer, IScaleValue, ISubLayerInitOptions } from '@antv/l7-core';\nimport EventEmitter from 'eventemitter3';\nimport { isEqual } from 'lodash';\nexport interface ITileConfigManager {\n  setConfig(key: string, value: any): void;\n  checkConfig(layer: ILayer): void;\n  on(event: string, fn: (...args: any[]) => void): void;\n  getAttributeScale(layer: ILayer, name: string): IScaleValue;\n}\n\nexport default class TileConfigManager extends EventEmitter {\n  public cacheConfig: Map<string, any>;\n  public checkConfigList: string[] = [];\n  constructor() {\n    super();\n    this.cacheConfig = new Map();\n  }\n\n  public setConfig(key: string, value: any) {\n    if (!this.checkConfigList.includes(key)) {\n      this.checkConfigList.push(key);\n    }\n    this.cacheConfig.set(key, value);\n  }\n\n  public removeConfig(key: string) {\n    const configIndex = this.checkConfigList.indexOf(key);\n    if (configIndex > -1) {\n      this.cacheConfig.delete(key);\n      this.checkConfigList.splice(configIndex, 1);\n    }\n  }\n\n  public checkConfig(layer: ILayer) {\n    if (!layer.inited) {\n      return;\n    }\n\n    const layerConfig = layer.getLayerConfig() as ISubLayerInitOptions;\n    const updateConfigs: string[] = [];\n    this.checkConfigList.map((key) => {\n      const cacheConfig = this.cacheConfig.get(key);\n\n      let currentConfig;\n      if (['color', 'size', 'shape'].includes(key)) {\n        currentConfig = layer.getAttribute(key)?.scale;\n      } else {\n        if (!(key in layerConfig)) {\n          return;\n        }\n        // @ts-ignore\n        currentConfig = layerConfig[key];\n      }\n\n      if (!isEqual(cacheConfig, currentConfig)) {\n        updateConfigs.push(key);\n        this.setConfig(key, currentConfig);\n      }\n    });\n    if (updateConfigs.length > 0) {\n      console.warn('tile config cache update!', updateConfigs);\n      this.emit('updateConfig', updateConfigs);\n    }\n  }\n\n  public getAttributeScale(layer: ILayer, name: string): IScaleValue {\n    const attribute = layer.getAttribute(name);\n    const scaleValue: IScaleValue = {\n      field: undefined,\n      values: undefined,\n      callback: undefined,\n    };\n    if (attribute && attribute.scale) {\n      const { field, values, callback } = attribute.scale;\n      scaleValue.field = field;\n      scaleValue.values = values;\n      scaleValue.callback = callback;\n    }\n    return scaleValue;\n  }\n}\n"],"file":"tileConfigManager.js"}

package/lib/tile/manager/tileLayerManager.js

@@ -0,0 +1,305 @@
+"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;
+
+      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
+      };
+    }
+  }, {
+    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);
+      } 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