@antv/l7-layers 2.25.7 → 2.25.10

package/lib/raster/index.d.ts

@@ -0,0 +1,11 @@
+import type { ILegend } from '@antv/l7-core';
+import BaseLayer from '../core/BaseLayer';
+import type { IRasterLayerStyleOptions } from '../core/interface';
+import type { RasterModelType } from './models/index';
+export default class RasterLayer extends BaseLayer<IRasterLayerStyleOptions> {
+    type: string;
+    buildModels(): Promise<void>;
+    protected getDefaultConfig(): {} | {} | {} | {};
+    getModelType(): RasterModelType;
+    getLegend(name: string): ILegend;
+}

package/lib/raster/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _BaseLayer = _interopRequireDefault(require("../core/BaseLayer"));
+var _rampcolor_legend = require("../utils/rampcolor_legend");
+var _index = _interopRequireDefault(require("./models/index"));
+class RasterLayer extends _BaseLayer.default {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "type", 'RasterLayer');
+  }
+  buildModels() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      const modelType = _this.getModelType();
+      _this.layerModel = new _index.default[modelType](_this);
+      yield _this.initLayerModels();
+    })();
+  }
+  getDefaultConfig() {
+    const type = this.getModelType();
+    const defaultConfig = {
+      raster: {},
+      rasterRgb: {},
+      raster3d: {},
+      rasterTerrainRgb: {}
+    };
+    return defaultConfig[type];
+  }
+  getModelType() {
+    // 根据 source 的类型判断 model type
+    const parserType = this.layerSource.getParserType();
+    switch (parserType) {
+      case 'raster':
+      case 'ndi':
+        return 'raster';
+      case 'rasterRgb':
+        return 'rasterRgb';
+      case 'rgb':
+        return 'rasterRgb';
+      case 'image':
+        return 'rasterTerrainRgb';
+      default:
+        return 'raster';
+    }
+  }
+  getLegend(name) {
+    if (name !== 'color') return {
+      type: undefined,
+      field: undefined,
+      items: []
+    };
+    const rampColors = this.getLayerConfig().rampColors;
+    return (0, _rampcolor_legend.rampColor2legend)(rampColors, name);
+  }
+}
+exports.default = RasterLayer;

package/lib/raster/models/index.d.ts

@@ -0,0 +1,5 @@
+export type RasterModelType = 'raster' | 'raster3d' | 'rasterRgb' | 'rasterTerrainRgb';
+declare const RasterModels: {
+    [key in RasterModelType]: any;
+};
+export default RasterModels;

package/lib/raster/models/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _raster = _interopRequireDefault(require("./raster"));
+var _rasterRgb = _interopRequireDefault(require("./rasterRgb"));
+var _rasterTerrainRgb = _interopRequireDefault(require("./rasterTerrainRgb"));
+const RasterModels = {
+  raster: _raster.default,
+  rasterRgb: _rasterRgb.default,
+  raster3d: _raster.default,
+  rasterTerrainRgb: _rasterTerrainRgb.default
+};
+var _default = exports.default = RasterModels;

package/lib/raster/models/raster.d.ts

@@ -0,0 +1,35 @@
+import type { IModel, ITexture2D } from '@antv/l7-core';
+import BaseModel from '../../core/BaseModel';
+export default class RasterModel extends BaseModel {
+    protected get attributeLocation(): {
+        readonly POSITION: 0;
+        readonly POSITION_64LOW: 1;
+        readonly COLOR: 2;
+        readonly PICKING_COLOR: 3;
+        readonly STROKE: 4;
+        readonly OPACITY: 5;
+        readonly OFFSETS: 6;
+        readonly ROTATION: 7;
+        readonly MAX: 8;
+    } & Record<string, number> & {
+        MAX: 8;
+        UV: number;
+    };
+    protected texture: ITexture2D;
+    protected colorTexture: ITexture2D;
+    getUninforms(): {
+        [x: string]: any;
+    };
+    protected getCommonUniformsInfo(): {
+        uniformsArray: number[];
+        uniformsLength: number;
+        uniformsOption: {
+            [key: string]: any;
+        };
+    };
+    private getRasterData;
+    initModels(): Promise<IModel[]>;
+    buildModels(): Promise<IModel[]>;
+    clearModels(): void;
+    protected registerBuiltinAttributes(): void;
+}

package/lib/raster/models/raster.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _l7Core = require("@antv/l7-core");
+var _l7Utils = require("@antv/l7-utils");
+var _BaseModel = _interopRequireDefault(require("../../core/BaseModel"));
+var _triangulation = require("../../core/triangulation");
+/* babel-plugin-inline-import '../shaders/raster/raster_2d_frag.glsl' */
+const rasterFrag = "layout(std140) uniform commonUniforms {\n  vec2 u_domain;\n  float u_opacity;\n  float u_noDataValue;\n  float u_clampLow;\n  float u_clampHigh;\n};\n\nuniform sampler2D u_rasterTexture;\nuniform sampler2D u_colorTexture;\n\nin vec2 v_texCoord;\n\nbool isnan_emu(float x) {\n  return x > 0.0 || x < 0.0\n    ? x != x\n    : x != 0.0;\n}\n\nout vec4 outputColor;\n\nvoid main() {\n  // Can use any component here since u_rasterTexture is under luminance format.\n  float value = texture(SAMPLER_2D(u_rasterTexture), vec2(v_texCoord.x, v_texCoord.y)).r;\n  if (value == u_noDataValue || isnan_emu(value)) {\n    discard;\n  } else if (u_clampLow < 0.5 && value < u_domain[0] || u_clampHigh < 0.5 && value > u_domain[1]) {\n    discard;\n  } else {\n    float normalisedValue = (value - u_domain[0]) / (u_domain[1] - u_domain[0]);\n    vec4 color = texture(SAMPLER_2D(u_colorTexture), vec2(normalisedValue, 0));\n\n    outputColor = color;\n    outputColor.a = outputColor.a * u_opacity;\n    if (outputColor.a < 0.01) discard;\n  }\n}\n";
+/* babel-plugin-inline-import '../shaders/raster/raster_2d_vert.glsl' */
+const rasterVert = "layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;\nlayout(location = ATTRIBUTE_LOCATION_POSITION_64LOW) in vec2 a_Position64Low;\nlayout(location = ATTRIBUTE_LOCATION_UV) in vec2 a_Uv;\n\nlayout(std140) uniform commonUniforms {\n  vec2 u_domain;\n  float u_opacity;\n  float u_noDataValue;\n  float u_clampLow;\n  float u_clampHigh;\n};\n\nout vec2 v_texCoord;\n\n#pragma include \"projection\"\n\nvoid main() {\n  v_texCoord = a_Uv;\n  vec4 project_pos = project_position(vec4(a_Position, 1.0), a_Position64Low);\n  gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy, 0.0, 1.0));\n}\n";
+class RasterModel extends _BaseModel.default {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "texture", void 0);
+    (0, _defineProperty2.default)(this, "colorTexture", void 0);
+  }
+  get attributeLocation() {
+    return Object.assign(super.attributeLocation, {
+      MAX: super.attributeLocation.MAX,
+      UV: 9
+    });
+  }
+  getUninforms() {
+    const commoninfo = this.getCommonUniformsInfo();
+    const attributeInfo = this.getUniformsBufferInfo(this.getStyleAttribute());
+    this.updateStyleUnifoms();
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, commoninfo.uniformsOption), attributeInfo.uniformsOption);
+  }
+  getCommonUniformsInfo() {
+    const {
+      opacity = 1,
+      clampLow = true,
+      clampHigh = true,
+      noDataValue = -9999999,
+      domain,
+      rampColors
+    } = this.layer.getLayerConfig();
+    const newdomain = domain || (0, _l7Utils.getDefaultDomain)(rampColors);
+    this.colorTexture = this.layer.textureService.getColorTexture(rampColors, newdomain);
+    const commonOptions = {
+      u_domain: newdomain,
+      u_opacity: opacity || 1,
+      u_noDataValue: noDataValue,
+      u_clampLow: clampLow ? 1 : 0,
+      u_clampHigh: (typeof clampHigh !== 'undefined' ? clampHigh : clampLow) ? 1 : 0,
+      u_rasterTexture: this.texture,
+      u_colorTexture: this.colorTexture
+    };
+    this.textures = [this.texture, this.colorTexture];
+    const commonBufferInfo = this.getUniformsBufferInfo(commonOptions);
+    return commonBufferInfo;
+  }
+  getRasterData(parserDataItem) {
+    return (0, _asyncToGenerator2.default)(function* () {
+      if (Array.isArray(parserDataItem.data)) {
+        // 直接传入波段数据
+        return {
+          data: parserDataItem.data,
+          width: parserDataItem.width,
+          height: parserDataItem.height
+        };
+      } else {
+        // 多波段形式、需要进行处理
+        const {
+          rasterData,
+          width,
+          height
+        } = yield parserDataItem.data;
+        return {
+          data: Array.from(rasterData),
+          width,
+          height
+        };
+      }
+    })();
+  }
+  initModels() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      return _this.buildModels();
+    })();
+  }
+  buildModels() {
+    var _this2 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      _this2.initUniformsBuffer();
+      const source = _this2.layer.getSource();
+      const {
+        createTexture2D,
+        queryVerdorInfo
+      } = _this2.rendererService;
+      const parserDataItem = source.data.dataArray[0];
+      const {
+        data,
+        width,
+        height
+      } = yield _this2.getRasterData(parserDataItem);
+      _this2.texture = createTexture2D({
+        // @ts-ignore
+        data: new Float32Array(data),
+        width,
+        height,
+        /**
+         * WebGL1 allow the combination of gl.LUMINANCE & gl.FLOAT with OES_texture_float
+         * TODO: https://github.com/antvis/g-device-api/issues/188
+         */
+        format: queryVerdorInfo() === 'WebGL1' ? _l7Core.gl.LUMINANCE : _l7Core.gl.RED,
+        type: _l7Core.gl.FLOAT,
+        alignment: 1
+      });
+      const model = yield _this2.layer.buildLayerModel({
+        moduleName: 'rasterImageData',
+        vertexShader: rasterVert,
+        fragmentShader: rasterFrag,
+        defines: _this2.getDefines(),
+        triangulation: _triangulation.RasterImageTriangulation,
+        primitive: _l7Core.gl.TRIANGLES,
+        depth: {
+          enable: false
+        },
+        pickingEnabled: false
+      });
+      return [model];
+    })();
+  }
+  clearModels() {
+    var _this$texture, _this$colorTexture;
+    (_this$texture = this.texture) === null || _this$texture === void 0 || _this$texture.destroy();
+    (_this$colorTexture = this.colorTexture) === null || _this$colorTexture === void 0 || _this$colorTexture.destroy();
+  }
+  registerBuiltinAttributes() {
+    // 注册 Position 属性 64 位地位部分，经纬度数据开启双精度，避免大于 22 层级以上出现数据偏移
+    this.registerPosition64LowAttribute();
+
+    // point layer size;
+    this.styleAttributeService.registerStyleAttribute({
+      name: 'uv',
+      type: _l7Core.AttributeType.Attribute,
+      descriptor: {
+        shaderLocation: this.attributeLocation.UV,
+        name: 'a_Uv',
+        buffer: {
+          // give the WebGL driver a hint that this buffer may change
+          usage: _l7Core.gl.DYNAMIC_DRAW,
+          data: [],
+          type: _l7Core.gl.FLOAT
+        },
+        size: 2,
+        update: (feature, featureIdx, vertex) => {
+          return [vertex[3], vertex[4]];
+        }
+      }
+    });
+  }
+}
+exports.default = RasterModel;

package/lib/raster/models/rasterRgb.d.ts

@@ -0,0 +1,35 @@
+import type { IModel, ITexture2D } from '@antv/l7-core';
+import BaseModel from '../../core/BaseModel';
+export default class RasterModel extends BaseModel {
+    protected get attributeLocation(): {
+        readonly POSITION: 0;
+        readonly POSITION_64LOW: 1;
+        readonly COLOR: 2;
+        readonly PICKING_COLOR: 3;
+        readonly STROKE: 4;
+        readonly OPACITY: 5;
+        readonly OFFSETS: 6;
+        readonly ROTATION: 7;
+        readonly MAX: 8;
+    } & Record<string, number> & {
+        MAX: 8;
+        UV: number;
+    };
+    protected texture: ITexture2D;
+    protected dataOption: any;
+    getUninforms(): {
+        [x: string]: any;
+    };
+    protected getCommonUniformsInfo(): {
+        uniformsArray: number[];
+        uniformsLength: number;
+        uniformsOption: {
+            [key: string]: any;
+        };
+    };
+    private getRasterData;
+    initModels(): Promise<IModel[]>;
+    buildModels(): Promise<IModel[]>;
+    clearModels(): void;
+    protected registerBuiltinAttributes(): void;
+}

package/lib/raster/models/rasterRgb.js

@@ -0,0 +1,166 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _l7Core = require("@antv/l7-core");
+var _BaseModel = _interopRequireDefault(require("../../core/BaseModel"));
+var _triangulation = require("../../core/triangulation");
+const _excluded = ["data"],
+  _excluded2 = ["rasterData"];
+/* babel-plugin-inline-import '../shaders/rgb/raster_rgb_frag.glsl' */
+const rasterFrag = "uniform sampler2D u_texture;\nlayout(std140) uniform commonUniforms {\n  vec2 u_rminmax;\n  vec2 u_gminmax;\n  vec2 u_bminmax;\n  float u_opacity;\n  float u_noDataValue;\n};\n\nin vec2 v_texCoord;\n\nout vec4 outputColor;\n\nvoid main() {\n  vec3 rgb = texture(SAMPLER_2D(u_texture), vec2(v_texCoord.x, v_texCoord.y)).rgb;\n\n  if (rgb == vec3(u_noDataValue)) {\n    outputColor = vec4(0.0, 0, 0, 0.0);\n  } else {\n    outputColor = vec4(\n      rgb.r / (u_rminmax.y - u_rminmax.x),\n      rgb.g / (u_gminmax.y - u_gminmax.x),\n      rgb.b / (u_bminmax.y - u_bminmax.x),\n      u_opacity\n    );\n  }\n\n  if (outputColor.a < 0.01) discard;\n\n}\n";
+/* babel-plugin-inline-import '../shaders/rgb/raster_rgb_vert.glsl' */
+const rasterVert = "layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;\nlayout(location = ATTRIBUTE_LOCATION_POSITION_64LOW) in vec2 a_Position64Low;\nlayout(location = ATTRIBUTE_LOCATION_UV) in vec2 a_Uv;\n\nlayout(std140) uniform commonUniforms {\n  vec2 u_rminmax;\n  vec2 u_gminmax;\n  vec2 u_bminmax;\n  float u_opacity;\n  float u_noDataValue;\n};\n\nout vec2 v_texCoord;\n\n#pragma include \"projection\"\n\nvoid main() {\n  v_texCoord = a_Uv;\n  vec4 project_pos = project_position(vec4(a_Position, 1.0), a_Position64Low);\n  gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy, 0.0, 1.0));\n}\n";
+class RasterModel extends _BaseModel.default {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "texture", void 0);
+    (0, _defineProperty2.default)(this, "dataOption", {});
+  }
+  get attributeLocation() {
+    return Object.assign(super.attributeLocation, {
+      MAX: super.attributeLocation.MAX,
+      UV: 9
+    });
+  }
+  getUninforms() {
+    const commoninfo = this.getCommonUniformsInfo();
+    const attributeInfo = this.getUniformsBufferInfo(this.getStyleAttribute());
+    this.updateStyleUnifoms();
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, commoninfo.uniformsOption), attributeInfo.uniformsOption);
+  }
+  getCommonUniformsInfo() {
+    const {
+      opacity = 1,
+      noDataValue = 0
+    } = this.layer.getLayerConfig();
+    const {
+      rMinMax = [0, 255],
+      gMinMax = [0, 255],
+      bMinMax = [0, 255]
+    } = this.dataOption;
+    const commonOptions = {
+      u_rminmax: rMinMax,
+      u_gminmax: gMinMax,
+      u_bminmax: bMinMax,
+      u_opacity: opacity || 1,
+      u_noDataValue: noDataValue,
+      u_texture: this.texture
+    };
+    this.textures = [this.texture];
+    const commonBufferInfo = this.getUniformsBufferInfo(commonOptions);
+    return commonBufferInfo;
+  }
+  getRasterData(parserDataItem) {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      if (Array.isArray(parserDataItem.data)) {
+        const {
+            data
+          } = parserDataItem,
+          rescfg = (0, _objectWithoutProperties2.default)(parserDataItem, _excluded);
+        _this.dataOption = rescfg;
+        return (0, _objectSpread2.default)({
+          data
+        }, rescfg);
+      }
+      const _yield$parserDataItem = yield parserDataItem.data,
+        {
+          rasterData
+        } = _yield$parserDataItem,
+        rest = (0, _objectWithoutProperties2.default)(_yield$parserDataItem, _excluded2);
+      _this.dataOption = rest;
+      if (Array.isArray(rasterData)) {
+        // 直接传入波段数据
+        return (0, _objectSpread2.default)({
+          data: rasterData
+        }, rest);
+      } else {
+        // 多波段形式、需要进行处理
+        // 支持彩色栅格（多通道）
+        return (0, _objectSpread2.default)({
+          data: Array.from(rasterData)
+        }, rest);
+      }
+    })();
+  }
+  initModels() {
+    var _this2 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      _this2.initUniformsBuffer();
+      const source = _this2.layer.getSource();
+      const {
+        createTexture2D
+      } = _this2.rendererService;
+      const parserDataItem = source.data.dataArray[0];
+      const {
+        data,
+        width,
+        height
+      } = yield _this2.getRasterData(parserDataItem);
+      _this2.texture = createTexture2D({
+        // @ts-ignore
+        data: new Float32Array(data),
+        width,
+        height,
+        format: _l7Core.gl.RGB,
+        type: _l7Core.gl.FLOAT
+      });
+      const model = yield _this2.layer.buildLayerModel({
+        moduleName: 'rasterImageDataRGBA',
+        vertexShader: rasterVert,
+        fragmentShader: rasterFrag,
+        defines: _this2.getDefines(),
+        triangulation: _triangulation.RasterImageTriangulation,
+        primitive: _l7Core.gl.TRIANGLES,
+        depth: {
+          enable: false
+        },
+        pickingEnabled: false
+      });
+      return [model];
+    })();
+  }
+  buildModels() {
+    var _this3 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      return _this3.initModels();
+    })();
+  }
+  clearModels() {
+    var _this$texture;
+    (_this$texture = this.texture) === null || _this$texture === void 0 || _this$texture.destroy();
+  }
+  registerBuiltinAttributes() {
+    // 注册 Position 属性 64 位地位部分，经纬度数据开启双精度，避免大于 22 层级以上出现数据偏移
+    this.registerPosition64LowAttribute();
+
+    // point layer size;
+    this.styleAttributeService.registerStyleAttribute({
+      name: 'uv',
+      type: _l7Core.AttributeType.Attribute,
+      descriptor: {
+        name: 'a_Uv',
+        shaderLocation: this.attributeLocation.UV,
+        buffer: {
+          // give the WebGL driver a hint that this buffer may change
+          usage: _l7Core.gl.DYNAMIC_DRAW,
+          data: [],
+          type: _l7Core.gl.FLOAT
+        },
+        size: 2,
+        update: (feature, featureIdx, vertex) => {
+          return [vertex[3], vertex[4]];
+        }
+      }
+    });
+  }
+}
+exports.default = RasterModel;

package/lib/raster/models/rasterTerrainRgb.d.ts

@@ -0,0 +1,30 @@
+import type { IModel, ITexture2D } from '@antv/l7-core';
+import BaseModel from '../../core/BaseModel';
+export default class RasterTerrainRGB extends BaseModel {
+    protected get attributeLocation(): {
+        readonly POSITION: 0;
+        readonly POSITION_64LOW: 1;
+        readonly COLOR: 2;
+        readonly PICKING_COLOR: 3;
+        readonly STROKE: 4;
+        readonly OPACITY: 5;
+        readonly OFFSETS: 6;
+        readonly ROTATION: 7;
+        readonly MAX: 8;
+    } & Record<string, number> & {
+        MAX: 8;
+        UV: number;
+    };
+    protected texture: ITexture2D;
+    protected getCommonUniformsInfo(): {
+        uniformsArray: number[];
+        uniformsLength: number;
+        uniformsOption: {
+            [key: string]: any;
+        };
+    };
+    initModels(): Promise<IModel[]>;
+    clearModels(): void;
+    buildModels(): Promise<IModel[]>;
+    protected registerBuiltinAttributes(): void;
+}

package/lib/raster/models/rasterTerrainRgb.js

@@ -0,0 +1,126 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _l7Core = require("@antv/l7-core");
+var _l7Utils = require("@antv/l7-utils");
+var _BaseModel = _interopRequireDefault(require("../../core/BaseModel"));
+var _triangulation = require("../../core/triangulation");
+/* babel-plugin-inline-import '../shaders/terrain/terrain_rgb_frag.glsl' */
+const Raster_terrainFrag = "uniform sampler2D u_texture;\nuniform sampler2D u_colorTexture;\n\nlayout(std140) uniform commonUniforms {\n  vec4 u_unpack;\n  vec2 u_domain;\n  float u_opacity;\n  float u_noDataValue;\n  float u_clampLow;\n  float u_clampHigh;\n};\n\nin vec2 v_texCoord;\nout vec4 outputColor;\n\nfloat getElevation(vec2 coord, float bias) {\n  // Convert encoded elevation value to meters\n  vec4 data = texture(SAMPLER_2D(u_texture), coord, bias) * 255.0;\n  data.a = -1.0;\n  return dot(data, u_unpack);\n}\n\nvec4 getColor(float value) {\n  float normalisedValue = (value - u_domain[0]) / (u_domain[1] - u_domain[0]);\n  vec2 coord = vec2(normalisedValue, 0);\n  return texture(SAMPLER_2D(u_colorTexture), coord);\n}\n\nvoid main() {\n  float value = getElevation(v_texCoord, 0.0);\n  if (value == u_noDataValue) {\n    outputColor = vec4(0.0, 0, 0, 0.0);\n  } else if (u_clampLow < 0.5 && value < u_domain[0] || u_clampHigh < 0.5 && value > u_domain[1]) {\n    outputColor = vec4(0.0, 0, 0, 0.0);\n  } else {\n    outputColor = getColor(value);\n    outputColor.a = outputColor.a * u_opacity;\n    if (outputColor.a < 0.01) discard;\n  }\n}\n";
+/* babel-plugin-inline-import '../shaders/terrain/terrain_rgb_vert.glsl' */
+const Raster_terrainVert = "layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;\nlayout(location = ATTRIBUTE_LOCATION_UV) in vec2 a_Uv;\n\nlayout(std140) uniform commonUniforms {\n  vec4 u_unpack;\n  vec2 u_domain;\n  float u_opacity;\n  float u_noDataValue;\n  float u_clampLow;\n  float u_clampHigh;\n};\nout vec2 v_texCoord;\n#pragma include \"projection\"\n\nvoid main() {\n  v_texCoord = a_Uv;\n  vec4 project_pos = project_position(vec4(a_Position, 1.0));\n  gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy, 0.0, 1.0));\n}\n";
+class RasterTerrainRGB extends _BaseModel.default {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "texture", void 0);
+  }
+  get attributeLocation() {
+    return Object.assign(super.attributeLocation, {
+      MAX: super.attributeLocation.MAX,
+      UV: 9
+    });
+  }
+  getCommonUniformsInfo() {
+    const {
+      opacity,
+      clampLow = true,
+      clampHigh = true,
+      noDataValue = -9999999,
+      domain,
+      rampColors,
+      colorTexture,
+      rScaler = 6553.6,
+      gScaler = 25.6,
+      bScaler = 0.1,
+      offset = 10000
+    } = this.layer.getLayerConfig();
+    const newdomain = domain || (0, _l7Utils.getDefaultDomain)(rampColors);
+    let texture = colorTexture;
+    if (!colorTexture) {
+      texture = this.layer.textureService.getColorTexture(rampColors, newdomain);
+    } else {
+      this.layer.textureService.setColorTexture(colorTexture, rampColors, newdomain);
+    }
+    const commonOptions = {
+      u_unpack: [rScaler, gScaler, bScaler, offset],
+      u_domain: newdomain,
+      u_opacity: opacity || 1,
+      u_noDataValue: noDataValue,
+      u_clampLow: clampLow,
+      u_clampHigh: typeof clampHigh !== 'undefined' ? clampHigh : clampLow,
+      u_texture: this.texture,
+      u_colorTexture: texture
+    };
+    this.textures = [this.texture, texture];
+    const commonBufferInfo = this.getUniformsBufferInfo(commonOptions);
+    return commonBufferInfo;
+  }
+  initModels() {
+    var _this = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      _this.initUniformsBuffer();
+      const source = _this.layer.getSource();
+      const {
+        createTexture2D
+      } = _this.rendererService;
+      const imageData = yield source.data.images;
+      _this.texture = createTexture2D({
+        data: imageData[0],
+        width: imageData[0].width,
+        height: imageData[0].height,
+        min: _l7Core.gl.LINEAR,
+        mag: _l7Core.gl.LINEAR
+      });
+      const model = yield _this.layer.buildLayerModel({
+        moduleName: 'RasterTileDataImage',
+        vertexShader: Raster_terrainVert,
+        fragmentShader: Raster_terrainFrag,
+        defines: _this.getDefines(),
+        triangulation: _triangulation.RasterImageTriangulation,
+        primitive: _l7Core.gl.TRIANGLES,
+        depth: {
+          enable: false
+        }
+      });
+      return [model];
+    })();
+  }
+  clearModels() {
+    var _this$texture;
+    (_this$texture = this.texture) === null || _this$texture === void 0 || _this$texture.destroy();
+  }
+  buildModels() {
+    var _this2 = this;
+    return (0, _asyncToGenerator2.default)(function* () {
+      return _this2.initModels();
+    })();
+  }
+  registerBuiltinAttributes() {
+    // 注册 Position 属性 64 位地位部分，经纬度数据开启双精度，避免大于 22 层级以上出现数据偏移
+    this.registerPosition64LowAttribute();
+    this.styleAttributeService.registerStyleAttribute({
+      name: 'uv',
+      type: _l7Core.AttributeType.Attribute,
+      descriptor: {
+        name: 'a_Uv',
+        shaderLocation: this.attributeLocation.UV,
+        buffer: {
+          usage: _l7Core.gl.DYNAMIC_DRAW,
+          data: [],
+          type: _l7Core.gl.FLOAT
+        },
+        size: 2,
+        update: (feature, featureIdx, vertex) => {
+          return [vertex[3], vertex[4]];
+        }
+      }
+    });
+  }
+}
+exports.default = RasterTerrainRGB;