@antv/l7-layers 2.9.26-alpha.0 → 2.9.26

package/lib/polygon/shaders/water/polygon_ocean_vert.glsl

@@ -0,0 +1,52 @@
+attribute vec2 a_uv;
+attribute vec3 a_Position;
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_Mvp;
+
+varying vec2 v_uv;
+uniform float u_opacity: 1.0;
+varying mat4 styleMappingMat; // 用于将在顶点着色器中计算好的样式值传递给片元
+
+#pragma include "styleMapping"
+#pragma include "styleMappingCalOpacity"
+
+#pragma include "projection"
+
+void main() {
+  v_uv = a_uv;
+  // cal style mapping - 数据纹理映射部分的计算
+styleMappingMat = mat4(
+    0.0, 0.0, 0.0, 0.0, // opacity - strokeOpacity - strokeWidth - empty
+    0.0, 0.0, 0.0, 0.0, // strokeR - strokeG - strokeB - strokeA
+    0.0, 0.0, 0.0, 0.0, // offsets[0] - offsets[1]
+    0.0, 0.0, 0.0, 0.0
+  );
+
+  float rowCount = u_cellTypeLayout[0][0];    // 当前的数据纹理有几行
+  float columnCount = u_cellTypeLayout[0][1]; // 当看到数据纹理有几列
+  float columnWidth = 1.0/columnCount;  // 列宽
+  float rowHeight = 1.0/rowCount;       // 行高
+  float cellCount = calCellCount(); // opacity - strokeOpacity - strokeWidth - stroke - offsets
+  float id = a_vertexId; // 第n个顶点
+  float cellCurrentRow = floor(id * cellCount / columnCount) + 1.0; // 起始点在第几行
+  float cellCurrentColumn = mod(id * cellCount, columnCount) + 1.0; // 起始点在第几列
+  
+  // cell 固定顺序 opacity -> strokeOpacity -> strokeWidth -> stroke ... 
+  // 按顺序从 cell 中取值、若没有则自动往下取值
+  float textureOffset = 0.0; // 在 cell 中取值的偏移量
+
+  vec2 opacityAndOffset = calOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);
+  styleMappingMat[0][0] = opacityAndOffset.r;
+  textureOffset = opacityAndOffset.g;
+  // cal style mapping - 数据纹理映射部分的计算
+
+  vec4 project_pos = project_position(vec4(a_Position, 1.0));
+  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));
+
+  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
+    gl_Position = u_Mvp * (vec4(project_pos.xyz, 1.0));
+  } else {
+    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));
+  }
+}
+

package/lib/polygon/shaders/water/polygon_water_frag.glsl

@@ -0,0 +1,73 @@
+uniform sampler2D u_texture;
+uniform float u_time: 0.0;
+uniform float u_speed: 1.0;
+uniform float u_opacity: 1.0;
+
+varying vec4 v_Color;
+varying vec2 v_uv;
+varying mat4 styleMappingMat; // 传递从片元中传递的映射数据
+
+
+float rand(vec2 n) { return 0.5 + 0.5 * fract(sin(dot(n.xy, vec2(12.9898, 78.233)))* 43758.5453); }
+
+float water(vec3 p) {
+  float t = u_time * u_speed;
+  p.z += t * 2.; p.x += t * 2.;
+  vec3 c1 = texture2D(u_texture, p.xz / 30.).xyz;
+  p.z += t * 3.; p.x += t * 0.52;
+  vec3 c2 = texture2D(u_texture, p.xz / 30.).xyz;
+  p.z += t * 4.; p.x += t * 0.8;
+  vec3 c3 = texture2D(u_texture, p.xz / 30.).xyz;
+  c1 += c2 - c3;
+  float z = (c1.x + c1.y + c1.z) / 3.;
+  return p.y + z / 4.;
+}
+
+float map(vec3 p) {
+  float d = 100.0;
+  d = water(p);
+  return d;
+}
+
+float intersect(vec3 ro, vec3 rd) {
+  float d = 0.0;
+  for (int i = 0; i <= 100; i++) {
+    float h = map(ro + rd * d);
+    if (h < 0.1) return  d;
+    d += h;
+  }
+  return 0.0;
+}
+
+vec3 norm(vec3 p) {
+  float eps = .1;
+  return normalize(vec3(
+    map(p + vec3(eps, 0, 0)) - map(p + vec3(-eps, 0, 0)),
+    map(p + vec3(0, eps, 0)) - map(p + vec3(0, -eps, 0)),
+    map(p + vec3(0, 0, eps)) - map(p + vec3(0, 0, -eps))
+  ));
+} 
+
+float calSpc() {
+  vec3 l1 = normalize(vec3(1, 1, 1));
+  vec3 ro = vec3(-3, 20, -8);
+  vec3 rc = vec3(0, 0, 0);
+  vec3 ww = normalize(rc - ro);
+  vec3 uu = normalize(cross(vec3(0,1,0), ww));
+  vec3 vv = normalize(cross(rc - ro, uu));
+  vec3 rd = normalize(uu * v_uv.x + vv * v_uv.y + ww);
+  float d = intersect(ro, rd);
+  vec3 p = ro + rd * d;
+  vec3 n = norm(p);
+  float spc = pow(max(0.0, dot(reflect(l1, n), rd)), 30.0);
+  return spc;
+}
+
+void main() {
+  float opacity = styleMappingMat[0][0];
+  gl_FragColor = v_Color;
+  gl_FragColor.a *= opacity;
+
+  float spc = calSpc();
+  gl_FragColor += spc * 0.4;
+}

package/lib/polygon/shaders/water/polygon_water_vert.glsl

@@ -0,0 +1,55 @@
+attribute vec4 a_Color;
+attribute vec2 a_uv;
+attribute vec3 a_Position;
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_Mvp;
+
+varying vec4 v_Color;
+varying vec2 v_uv;
+uniform float u_opacity: 1.0;
+varying mat4 styleMappingMat; // 用于将在顶点着色器中计算好的样式值传递给片元
+
+#pragma include "styleMapping"
+#pragma include "styleMappingCalOpacity"
+
+#pragma include "projection"
+
+void main() {
+  v_uv = a_uv;
+  // cal style mapping - 数据纹理映射部分的计算
+styleMappingMat = mat4(
+    0.0, 0.0, 0.0, 0.0, // opacity - strokeOpacity - strokeWidth - empty
+    0.0, 0.0, 0.0, 0.0, // strokeR - strokeG - strokeB - strokeA
+    0.0, 0.0, 0.0, 0.0, // offsets[0] - offsets[1]
+    0.0, 0.0, 0.0, 0.0
+  );
+
+  float rowCount = u_cellTypeLayout[0][0];    // 当前的数据纹理有几行
+  float columnCount = u_cellTypeLayout[0][1]; // 当看到数据纹理有几列
+  float columnWidth = 1.0/columnCount;  // 列宽
+  float rowHeight = 1.0/rowCount;       // 行高
+  float cellCount = calCellCount(); // opacity - strokeOpacity - strokeWidth - stroke - offsets
+  float id = a_vertexId; // 第n个顶点
+  float cellCurrentRow = floor(id * cellCount / columnCount) + 1.0; // 起始点在第几行
+  float cellCurrentColumn = mod(id * cellCount, columnCount) + 1.0; // 起始点在第几列
+  
+  // cell 固定顺序 opacity -> strokeOpacity -> strokeWidth -> stroke ... 
+  // 按顺序从 cell 中取值、若没有则自动往下取值
+  float textureOffset = 0.0; // 在 cell 中取值的偏移量
+
+  vec2 opacityAndOffset = calOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);
+  styleMappingMat[0][0] = opacityAndOffset.r;
+  textureOffset = opacityAndOffset.g;
+  // cal style mapping - 数据纹理映射部分的计算
+
+  v_Color = a_Color;
+  vec4 project_pos = project_position(vec4(a_Position, 1.0));
+  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));
+
+  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
+    gl_Position = u_Mvp * (vec4(project_pos.xyz, 1.0));
+  } else {
+    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));
+  }
+}
+

package/lib/raster/buffers/triangulation.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RasterTriangulation = RasterTriangulation;
+
+var _martini = _interopRequireDefault(require("@mapbox/martini"));
+
+// @ts-ignore
+function RasterTriangulation(parserData) {
+  var coordinates = parserData.coordinates,
+      data = parserData.data,
+      min = parserData.min,
+      max = parserData.max,
+      width = parserData.width,
+      height = parserData.height;
+  var maxlength = Math.max(width, height);
+  var gridSize = Math.pow(2, Math.ceil(Math.log2(maxlength))) + 1;
+  var terrain = new Float32Array(gridSize * gridSize);
+
+  for (var i = 0; i < width; i++) {
+    for (var j = 0; j < height; j++) {
+      terrain[i * gridSize + j] = data[i * width + j];
+    }
+  }
+
+  var martini = new _martini.default(gridSize);
+  var tile = martini.createTile(terrain);
+  var mesh = tile.getMesh(gridSize / 2);
+  return {
+    vertices: Array.from(mesh.vertices),
+    indices: Array.from(mesh.triangles),
+    size: 2
+  };
+}

package/lib/raster/index.js

@@ -0,0 +1,119 @@
+"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 _BaseLayer2 = _interopRequireDefault(require("../core/BaseLayer"));
+
+var _index = _interopRequireDefault(require("./models/index"));
+
+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 RaterLayer = /*#__PURE__*/function (_BaseLayer) {
+  (0, _inherits2.default)(RaterLayer, _BaseLayer);
+
+  var _super = _createSuper(RaterLayer);
+
+  function RaterLayer() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, RaterLayer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "type", 'RasterLayer');
+    return _this;
+  }
+
+  (0, _createClass2.default)(RaterLayer, [{
+    key: "buildModels",
+    value: function buildModels() {
+      var _this2 = this;
+
+      var modelType = this.getModelType();
+      this.layerModel = new _index.default[modelType](this);
+      this.layerModel.initModels(function (models) {
+        _this2.models = models;
+
+        _this2.renderLayers();
+      });
+    }
+  }, {
+    key: "rebuildModels",
+    value: function rebuildModels() {
+      var _this3 = this;
+
+      this.layerModel.buildModels(function (models) {
+        return _this3.models = models;
+      });
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        properties: {
+          opacity: {
+            type: 'number',
+            minimum: 0,
+            maximum: 1
+          }
+        }
+      };
+    }
+  }, {
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      var type = this.getModelType();
+      var defaultConfig = {
+        raster: {},
+        raster3d: {},
+        rasterTile: {}
+      };
+      return defaultConfig[type];
+    }
+  }, {
+    key: "getModelType",
+    value: function getModelType() {
+      // 根据 source 的类型判断 model type
+      var parserType = this.layerSource.getParserType();
+
+      switch (parserType) {
+        case 'raster':
+          return 'raster';
+
+        case 'rasterTile':
+          return 'rasterTile';
+
+        default:
+          return 'raster';
+      } // return 'raster';
+
+    }
+  }]);
+  return RaterLayer;
+}(_BaseLayer2.default);
+
+exports.default = RaterLayer;

package/lib/raster/models/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _tileModel = _interopRequireDefault(require("../../tile/models/tileModel"));
+
+var _raster = _interopRequireDefault(require("./raster"));
+
+var RasterModels = {
+  raster: _raster.default,
+  raster3d: _raster.default,
+  rasterTile: _tileModel.default
+};
+var _default = RasterModels;
+exports.default = _default;

package/lib/raster/models/raster.js

@@ -0,0 +1,182 @@
+"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 _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _lodash = require("lodash");
+
+var _BaseModel2 = _interopRequireDefault(require("../../core/BaseModel"));
+
+var _triangulation = require("../../core/triangulation");
+
+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; } }
+
+/* babel-plugin-inline-import '../shaders/raster_2d_frag.glsl' */
+var rasterFrag = "precision mediump float;\nuniform float u_opacity: 1.0;\nuniform sampler2D u_texture;\nuniform sampler2D u_colorTexture;\nuniform float u_min;\nuniform float u_max;\nuniform vec2 u_domain;\nuniform float u_noDataValue;\nuniform bool u_clampLow: true;\nuniform bool u_clampHigh: true;\nvarying vec2 v_texCoord;\n\nvoid main() {\n\n  float value = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y)).r;\n  if (value == u_noDataValue)\n    gl_FragColor = vec4(0.0, 0, 0, 0.0);\n  else if ((!u_clampLow && value < u_domain[0]) || (!u_clampHigh && value > u_domain[1]))\n    gl_FragColor = vec4(0, 0, 0, 0);\n  else {\n    float normalisedValue =(value - u_domain[0]) / (u_domain[1] -u_domain[0]);\n    vec4 color = texture2D(u_colorTexture,vec2(normalisedValue, 0));\n    gl_FragColor = color;\n    gl_FragColor.a =  gl_FragColor.a * u_opacity ;\n  }\n\n\n}\n";
+
+/* babel-plugin-inline-import '../shaders/raster_2d_vert.glsl' */
+var rasterVert = "precision highp float;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nattribute vec3 a_Position;\nattribute vec2 a_Uv;\nvarying vec2 v_texCoord;\n#pragma include \"projection\"\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., 1.0));\n\n   if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n      gl_Position = u_Mvp * (vec4(project_pos.xy,0., 1.0));\n   } else {\n      gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy,0., 1.0));\n   }\n}\n";
+
+var RasterModel = /*#__PURE__*/function (_BaseModel) {
+  (0, _inherits2.default)(RasterModel, _BaseModel);
+
+  var _super = _createSuper(RasterModel);
+
+  function RasterModel() {
+    (0, _classCallCheck2.default)(this, RasterModel);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(RasterModel, [{
+    key: "getUninforms",
+    value: function getUninforms() {
+      var _ref = this.layer.getLayerConfig(),
+          _ref$opacity = _ref.opacity,
+          opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
+          _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$noDataValue = _ref.noDataValue,
+          noDataValue = _ref$noDataValue === void 0 ? -9999999 : _ref$noDataValue,
+          _ref$domain = _ref.domain,
+          domain = _ref$domain === void 0 ? [0, 1] : _ref$domain,
+          rampColors = _ref.rampColors;
+
+      if (!(0, _lodash.isEqual)(this.rampColors, rampColors)) {
+        this.updateColorTexure();
+        this.rampColors = rampColors;
+      }
+
+      return {
+        u_opacity: opacity || 1,
+        u_texture: this.texture,
+        u_domain: domain,
+        u_clampLow: clampLow,
+        u_clampHigh: typeof clampHigh !== 'undefined' ? clampHigh : clampLow,
+        u_noDataValue: noDataValue,
+        u_colorTexture: this.colorTexture
+      };
+    }
+  }, {
+    key: "initModels",
+    value: function initModels(callbackModel) {
+      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,
+          rampColorsData = _ref2.rampColorsData,
+          rampColors = _ref2.rampColors;
+
+      var source = this.layer.getSource();
+      var createTexture2D = this.rendererService.createTexture2D;
+      var parserDataItem = source.data.dataArray[0];
+      this.texture = createTexture2D({
+        data: parserDataItem.data,
+        width: parserDataItem.width,
+        height: parserDataItem.height,
+        format: _l7Core.gl.LUMINANCE,
+        type: _l7Core.gl.FLOAT // aniso: 4,
+
+      });
+      var imageData = rampColorsData ? rampColorsData : (0, _l7Utils.generateColorRamp)(rampColors);
+      this.colorTexture = createTexture2D({
+        data: imageData.data,
+        width: imageData.width,
+        height: imageData.height,
+        flipY: false
+      });
+      this.layer.buildLayerModel({
+        moduleName: 'rasterImageData',
+        vertexShader: rasterVert,
+        fragmentShader: rasterFrag,
+        triangulation: _triangulation.RasterImageTriangulation,
+        primitive: _l7Core.gl.TRIANGLES,
+        depth: {
+          enable: false
+        },
+        stencil: (0, _l7Utils.getMask)(mask, maskInside)
+      }).then(function (model) {
+        callbackModel([model]);
+      }).catch(function (err) {
+        console.warn(err);
+        callbackModel([]);
+      });
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels(callbackModel) {
+      this.initModels(callbackModel);
+    }
+  }, {
+    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() {
+      // point layer size;
+      this.styleAttributeService.registerStyleAttribute({
+        name: 'uv',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          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: function update(feature, featureIdx, vertex, attributeIdx) {
+            return [vertex[3], vertex[4]];
+          }
+        }
+      });
+    }
+  }, {
+    key: "updateColorTexure",
+    value: function updateColorTexure() {
+      var createTexture2D = this.rendererService.createTexture2D;
+
+      var _ref3 = this.layer.getLayerConfig(),
+          rampColors = _ref3.rampColors;
+
+      var imageData = (0, _l7Utils.generateColorRamp)(rampColors);
+      this.colorTexture = createTexture2D({
+        data: imageData.data,
+        width: imageData.width,
+        height: imageData.height,
+        flipY: false
+      });
+    }
+  }]);
+  return RasterModel;
+}(_BaseModel2.default);
+
+exports.default = RasterModel;