@antv/l7-layers 2.9.19 → 2.9.22-alpha.0

package/es/utils/polylineNormal.js

@@ -12,6 +12,8 @@ export function computeNormal(out, dir) {
   return vec2.set(out, -dir[1], dir[0]);
 }
 export function direction(out, a, b) {
+  // const a1 = aProjectFlat([a[0], a[1]]) as [number, number];
+  // const b1 = aProjectFlat([b[0], b[1]]) as [number, number];
   vec2.sub(out, a, b);
   vec2.normalize(out, out);
   return out;
@@ -67,14 +69,14 @@ export default function (points, closed, indexOffset) {
     var index = count;
     var last = vec2.fromValues(points[i - 1][0], points[i - 1][1]);
     var cur = vec2.fromValues(points[i][0], points[i][1]);
-    var next = i < points.length - 1 ? vec2.fromValues(points[i + 1][0], points[i + 1][1]) : null;
+    var next = i < points.length - 1 ? vec2.fromValues(points[i + 1][0], points[i + 1][1]) : null; // 如果当前点和前一点相同，跳过
 
     if (isPointEqual(last, cur)) {
       continue;
     }
 
     if (next) {
-      var nextIndex = i + 1;
+      var nextIndex = i + 1; // 找到不相同的下一点
 
       while (next && isPointEqual(cur, next)) {
         next = nextIndex < points.length - 1 ? vec2.fromValues(points[++nextIndex][0], points[nextIndex][1]) : null;
@@ -102,54 +104,70 @@ export default function (points, closed, indexOffset) {
       extrusions(attrPos, out, miters, last, lineNormal, 1);
     }
 
-    attrIndex.push(index + 0, index + 2, index + 1);
+    attrIndex.push(index + 0, index + 2, index + 1); // no miter, simple segment
 
     if (!next) {
+      // reset normal
       computeNormal(lineNormal, lineA);
       extrusions(attrPos, out, miters, cur, lineNormal, 1);
       attrDistance.push(d, d);
       attrIndex.push(index + 1, index + 2, index + 3);
       count += 2;
     } else {
-      var flatNext = aProjectFlat([next[0], next[1]]);
-      direction(lineB, flatNext, flatCur);
-      var miterLen = computeMiter(tangent, vec2.fromValues(miter[0], miter[1]), lineA, lineB, 1);
+      var flatNext = aProjectFlat([next[0], next[1]]); // get unit dir of next line
+
+      direction(lineB, flatNext, flatCur); // stores tangent & miter
+
+      var miterLen = computeMiter(tangent, vec2.fromValues(miter[0], miter[1]), lineA, lineB, 1); // get orientation
+
       var flip = vec2.dot(tangent, lineNormal) < 0 ? -1 : 1;
-      var bevel = Math.abs(miterLen) > miterLimit;
+      var bevel = Math.abs(miterLen) > miterLimit; // 处理前后两条线段重合的情况，这种情况不需要使用任何接头（miter/bevel）。
+      // 理论上这种情况下 miterLen = Infinity，本应通过 isFinite(miterLen) 判断，
+      // 但是 AMap 投影变换后丢失精度，只能通过一个阈值（1000）判断。
 
       if (Math.abs(miterLen) > 1000) {
         extrusions(attrPos, out, miters, cur, lineNormal, 1);
         attrIndex.push(index + 1, index + 2, index + 3);
         attrIndex.push(index + 2, index + 4, index + 3);
         computeNormal(tmp, lineB);
-        vec2.copy(lineNormal, tmp);
+        vec2.copy(lineNormal, tmp); // store normal for next round
+
         extrusions(attrPos, out, miters, cur, lineNormal, 1);
-        attrDistance.push(d, d, d, d);
+        attrDistance.push(d, d, d, d); // the miter is now the normal for our next join
+
         count += 4;
         continue;
       }
 
       if (bevel) {
-        miterLen = miterLimit;
+        miterLen = miterLimit; // next two points in our first segment
+
         extrusions(attrPos, out, miters, cur, lineNormal, 1);
-        attrIndex.push(index + 1, index + 2, index + 3);
+        attrIndex.push(index + 1, index + 2, index + 3); // now add the bevel triangle
+
         attrIndex.push.apply(attrIndex, _toConsumableArray(flip === 1 ? [index + 2, index + 4, index + 5] : [index + 4, index + 5, index + 3]));
         computeNormal(tmp, lineB);
-        vec2.copy(lineNormal, tmp);
+        vec2.copy(lineNormal, tmp); // store normal for next round
+
         extrusions(attrPos, out, miters, cur, lineNormal, 1);
-        attrDistance.push(d, d, d, d);
+        attrDistance.push(d, d, d, d); // the miter is now the normal for our next join
+
         count += 4;
       } else {
+        // next two points in our first segment
         extrusions(attrPos, out, miters, cur, lineNormal, 1);
-        attrIndex.push(index + 1, index + 2, index + 3);
+        attrIndex.push(index + 1, index + 2, index + 3); // now add the miter triangles
+
         addNext(out, miters, lineNormal, miterLen * -flip);
         attrPos.push(cur[0], cur[1], 0);
         attrIndex.push(index + 2, index + 4, index + 3);
         attrIndex.push(index + 4, index + 5, index + 6);
         computeNormal(tmp, lineB);
-        vec2.copy(lineNormal, tmp);
+        vec2.copy(lineNormal, tmp); // store normal for next round
+
         extrusions(attrPos, out, miters, cur, lineNormal, 1);
-        attrDistance.push(d, d, d, d, d);
+        attrDistance.push(d, d, d, d, d); // the miter is now the normal for our next join
+
         count += 5;
       }
     }
@@ -159,13 +177,15 @@ export default function (points, closed, indexOffset) {
 
   for (var _i = 0; _i < miters.length; _i++) {
     var totalDistance = attrDistance[attrDistance.length - 1];
-    pickData.push(attrPos[_i * 3], attrPos[_i * 3 + 1], attrPos[_i * 3 + 2], attrDistance[_i], miters[_i], totalDistance);
+    pickData.push(attrPos[_i * 3], attrPos[_i * 3 + 1], attrPos[_i * 3 + 2], attrDistance[_i], // dash
+    miters[_i], totalDistance // dash
+    );
   }
 
   return {
     normals: out,
     attrIndex: attrIndex,
-    attrPos: pickData
+    attrPos: pickData // [x,y,z, distance, miter ,t0tal ]
+
   };
-}
-//# sourceMappingURL=polylineNormal.js.map
+} // [x,y,z, distance, miter ]

package/es/utils/simpleLine.js

@@ -10,12 +10,10 @@ export function direction(out, a, b) {
   return out;
 }
 
-var ExtrudePolyline = function () {
+var ExtrudePolyline = /*#__PURE__*/function () {
   function ExtrudePolyline() {
     _classCallCheck(this, ExtrudePolyline);
 
-    _defineProperty(this, "complex", void 0);
-
     _defineProperty(this, "started", false);
 
     _defineProperty(this, "totalDistance", 0);
@@ -82,7 +80,8 @@ var ExtrudePolyline = function () {
     }
   }, {
     key: "extrusions",
-    value: function extrusions(positions, point, distanceRadio) {
+    value: function extrusions(positions, point, // 顶点
+    distanceRadio) {
       positions.push(point[0], point[1], point[2] | 0, distanceRadio, 0, point[2] | 0);
       this.complex.indexes.push(this.currentIndex);
       positions.push(point[0], point[1], point[2] | 0, distanceRadio, 0, point[2] | 0);
@@ -101,5 +100,4 @@ var ExtrudePolyline = function () {
   return ExtrudePolyline;
 }();
 
-export { ExtrudePolyline as default };
-//# sourceMappingURL=simpleLine.js.map
+export { ExtrudePolyline as default };

package/es/utils/symbol-layout.js

@@ -4,6 +4,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
+/**
+ * 返回文本相对锚点位置
+ * @param {string} anchor 锚点位置
+ * @return {alignment} alignment
+ */
 function getAnchorAlignment(anchor) {
   var horizontalAlign = 0.5;
   var verticalAlign = 0.5;
@@ -46,7 +51,8 @@ function getAnchorAlignment(anchor) {
     horizontalAlign: horizontalAlign,
     verticalAlign: verticalAlign
   };
-}
+} // justify right = 1, left = 0, center = 0.5
+
 
 function justifyLine(positionedGlyphs, glyphMap, start, end, justify) {
   if (!justify) {
@@ -64,7 +70,10 @@ function justifyLine(positionedGlyphs, glyphMap, start, end, justify) {
       positionedGlyphs[j].x -= lineIndent;
     }
   }
-}
+} // justify right=1 left=0 center=0.5
+// horizontalAlign right=1 left=0 center=0.5
+// verticalAlign right=1 left=0 center=0.5
+
 
 function align(positionedGlyphs, justify, horizontalAlign, verticalAlign, maxLineLength, lineHeight, lineCount) {
   var shiftX = (justify - horizontalAlign) * maxLineLength;
@@ -87,6 +96,7 @@ function align(positionedGlyphs, justify, horizontalAlign, verticalAlign, maxLin
 }
 
 function shapeLines(shaping, glyphMap, lines, lineHeight, textAnchor, textJustify, spacing) {
+  // buffer 为 4
   var yOffset = -8;
   var x = 0;
   var y = yOffset;
@@ -105,12 +115,13 @@ function shapeLines(shaping, glyphMap, lines, lineHeight, textAnchor, textJustif
           x: x,
           y: y + baselineOffset,
           vertical: false,
+          // TODO：目前只支持水平方向
           scale: 1,
           metrics: glyph
         });
         x += glyph.advance + spacing;
       }
-    });
+    }); // 左右对齐
 
     if (positionedGlyphs.length !== lineStartIndex) {
       var lineLength = x - spacing;
@@ -126,7 +137,8 @@ function shapeLines(shaping, glyphMap, lines, lineHeight, textAnchor, textJustif
       horizontalAlign = _getAnchorAlignment.horizontalAlign,
       verticalAlign = _getAnchorAlignment.verticalAlign;
 
-  align(positionedGlyphs, justify, horizontalAlign, verticalAlign, maxLineLength, lineHeight, lines.length);
+  align(positionedGlyphs, justify, horizontalAlign, verticalAlign, maxLineLength, lineHeight, lines.length); // 计算包围盒
+
   var height = y - yOffset;
   shaping.top += -verticalAlign * height;
   shaping.bottom = shaping.top - height;
@@ -135,6 +147,7 @@ function shapeLines(shaping, glyphMap, lines, lineHeight, textAnchor, textJustif
 }
 
 function shapeIconFont(shaping, glyphMap, iconfonts, lineHeight, textAnchor, textJustify, spacing) {
+  // buffer 为 4
   var yOffset = -8;
   var x = 0;
   var y = yOffset;
@@ -149,14 +162,23 @@ function shapeIconFont(shaping, glyphMap, iconfonts, lineHeight, textAnchor, tex
     if (glyph) {
       positionedGlyphs.push({
         glyph: iconfont,
+        // x,
+
+        /**
+         * iconfont
+         * 在计算大小的时候计算的是 unicode 字符 如 &#xe6d4;
+         * 在布局计算 icon 位置的时候应该始终保持居中（且 icon 只占一个字符的位置）
+         */
         x: glyph.advance / 2,
         y: y + baselineOffset,
         vertical: false,
+        // TODO：目前只支持水平方向
         scale: 1,
         metrics: glyph
       });
       x += glyph.advance + spacing;
-    }
+    } // 左右对齐
+
 
     if (positionedGlyphs.length !== lineStartIndex) {
       var lineLength = x - spacing;
@@ -172,17 +194,33 @@ function shapeIconFont(shaping, glyphMap, iconfonts, lineHeight, textAnchor, tex
       horizontalAlign = _getAnchorAlignment2.horizontalAlign,
       verticalAlign = _getAnchorAlignment2.verticalAlign;
 
-  align(positionedGlyphs, justify, horizontalAlign, verticalAlign, maxLineLength, lineHeight, iconfonts.length);
+  align(positionedGlyphs, justify, horizontalAlign, verticalAlign, maxLineLength, lineHeight, iconfonts.length); // 计算包围盒
+
   var height = y - yOffset;
   shaping.top += -verticalAlign * height;
   shaping.bottom = shaping.top - height;
   shaping.left += -horizontalAlign * maxLineLength;
   shaping.right = shaping.left + maxLineLength;
 }
+/**
+ * 计算文本中每个独立字符相对锚点的位置
+ *
+ * @param {string} text 原始文本
+ * @param {*} glyphs mapping
+ * @param {number} lineHeight 行高
+ * @param {string} textAnchor 文本相对于锚点的位置
+ * @param {string} textJustify 左右对齐
+ * @param {number} spacing 字符间距
+ * @param {[number, number]} translate 文本水平 & 垂直偏移量
+ * @param {[boolean]} isIconFont 是否是 iconfont
+ * @return {boolean|shaping} 每个字符相对于锚点的位置
+ */
+
 
 export function shapeText(text, glyphs, lineHeight, textAnchor, textJustify, spacing) {
   var translate = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : [0, 0];
   var isIconFont = arguments.length > 7 ? arguments[7] : undefined;
+  // TODO：处理换行
   var lines = text.split('\n');
   var positionedGlyphs = [];
   var shaping = {
@@ -215,7 +253,8 @@ export function getGlyphQuads(shaping) {
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var positionedGlyph = _step2.value;
-      var rect = positionedGlyph.metrics;
+      var rect = positionedGlyph.metrics; // The rects have an addditional buffer that is not included in their size.
+
       var rectBuffer = 4;
       var halfAdvance = rect.advance * positionedGlyph.scale / 2;
       var glyphOffset = alongLine ? [positionedGlyph.x + halfAdvance, positionedGlyph.y] : [0, 0];
@@ -239,7 +278,8 @@ export function getGlyphQuads(shaping) {
       var br = {
         x: x2,
         y: y2
-      };
+      }; // TODO：处理字符旋转的情况
+
       quads.push({
         tl: tl,
         tr: tr,
@@ -256,5 +296,4 @@ export function getGlyphQuads(shaping) {
   }
 
   return quads;
-}
-//# sourceMappingURL=symbol-layout.js.map
+}

package/es/utils/updateShape.js

@@ -1,4 +1,7 @@
-var shapeUpdateList = [['circle', 'cylinder'], ['square', 'cylinder'], ['triangle', 'cylinder'], ['pentagon', 'cylinder'], ['hexagon', 'cylinder'], ['octogon', 'cylinder'], ['hexagram', 'cylinder'], ['rhombus', 'cylinder'], ['vesica', 'cylinder']];
+// TODO: shapeUpdateList 存储一系列的 shape 类型
+// 当这一系列的 shape 相互切换的时候需要重构 layer 的 model (顶点数据集)
+var shapeUpdateList = [// PointLayer
+['circle', 'cylinder'], ['square', 'cylinder'], ['triangle', 'cylinder'], ['pentagon', 'cylinder'], ['hexagon', 'cylinder'], ['octogon', 'cylinder'], ['hexagram', 'cylinder'], ['rhombus', 'cylinder'], ['vesica', 'cylinder']];
 export function updateShape(layer, lastShape, currentShape) {
   if (typeof lastShape === 'string' && typeof currentShape === 'string' && lastShape !== currentShape) {
     if (layer.type === 'PointLayer') {
@@ -8,10 +11,10 @@ export function updateShape(layer, lastShape, currentShape) {
 
     shapeUpdateList.map(function (shapes) {
       if (shapes.includes(lastShape) && shapes.includes(currentShape)) {
+        // TODO: dataSourceNeedUpdate 借用数据更新时更新 layer model 的工作流
         layer.dataState.dataSourceNeedUpdate = true;
         return;
       }
     });
   }
-}
-//# sourceMappingURL=updateShape.js.map
+}

package/es/wind/index.js

@@ -10,10 +10,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-import BaseLayer from '../core/BaseLayer';
-import WindModels from './models';
+import BaseLayer from "../core/BaseLayer";
+import WindModels from "./models";
 
-var WindLayer = function (_BaseLayer) {
+var WindLayer = /*#__PURE__*/function (_BaseLayer) {
   _inherits(WindLayer, _BaseLayer);
 
   var _super = _createSuper(WindLayer);
@@ -60,7 +60,7 @@ var WindLayer = function (_BaseLayer) {
     key: "renderModels",
     value: function renderModels() {
       if (this.layerModel) {
-        this.layerModel.render();
+        this.layerModel.render(); // 独立的渲染流程
       }
 
       return this;
@@ -97,5 +97,4 @@ var WindLayer = function (_BaseLayer) {
   return WindLayer;
 }(BaseLayer);
 
-export { WindLayer as default };
-//# sourceMappingURL=index.js.map
+export { WindLayer as default };

package/es/wind/models/index.js

@@ -1,6 +1,5 @@
-import WindModel from './wind';
+import WindModel from "./wind";
 var WindModels = {
   wind: WindModel
 };
-export default WindModels;
-//# sourceMappingURL=index.js.map
+export default WindModels;

package/es/wind/models/utils.js

@@ -1,21 +1,29 @@
 export function createProgram(gl, vshader, fshader) {
-  var vertexShader = loadShader(gl, gl.VERTEX_SHADER, vshader);
-  var fragmentShader = loadShader(gl, gl.FRAGMENT_SHADER, fshader);
+  // Create shader object
+  var vertexShader = loadShader(gl, gl.VERTEX_SHADER, vshader); // 创建顶点着色器对象
+
+  var fragmentShader = loadShader(gl, gl.FRAGMENT_SHADER, fshader); // 创建片元着色器对象
 
   if (!vertexShader || !fragmentShader) {
     return null;
-  }
+  } // Create a program object
 
-  var program = gl.createProgram();
+
+  var program = gl.createProgram(); // 创建程序对象
 
   if (!program) {
     return null;
-  }
+  } // Attach the shader objects
+
+
+  gl.attachShader(program, vertexShader); // 绑定着色器对象
+
+  gl.attachShader(program, fragmentShader); // Link the program object
 
-  gl.attachShader(program, vertexShader);
-  gl.attachShader(program, fragmentShader);
-  gl.linkProgram(program);
-  var linked = gl.getProgramParameter(program, gl.LINK_STATUS);
+  gl.linkProgram(program); // 链接着色器对象
+  // Check the result of linking
+
+  var linked = gl.getProgramParameter(program, gl.LINK_STATUS); // 判断着色器对象是否链接成功
 
   if (!linked) {
     var error = gl.getProgramInfoLog(program);
@@ -29,32 +37,43 @@ export function createProgram(gl, vshader, fshader) {
   var numAttributes = gl.getProgramParameter(program, gl.ACTIVE_ATTRIBUTES);
 
   for (var i = 0; i < numAttributes; i++) {
-    var attribute = gl.getActiveAttrib(program, i);
+    var attribute = gl.getActiveAttrib(program, i); // @ts-ignore
+
     program[attribute.name] = gl.getAttribLocation(program, attribute.name);
   }
 
   var numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
 
   for (var i$1 = 0; i$1 < numUniforms; i$1++) {
-    var uniform = gl.getActiveUniform(program, i$1);
+    var uniform = gl.getActiveUniform(program, i$1); // @ts-ignore
+
     program[uniform.name] = gl.getUniformLocation(program, uniform.name);
-  }
+  } // @ts-ignore
+
+
+  program.vertexShader = vertexShader; // @ts-ignore
 
-  program.vertexShader = vertexShader;
   program.fragmentShader = fragmentShader;
   return program;
 }
 export function loadShader(gl, type, source) {
-  var shader = gl.createShader(type);
+  // Create shader object
+  var shader = gl.createShader(type); // 生成着色器对象
 
   if (shader == null) {
     console.warn('unable to create shader');
     return null;
-  }
+  } // Set the shader program
+
+
+  gl.shaderSource(shader, source); // 载入着色器
+  // Compile the shader
+
+  gl.compileShader(shader); // 编译着色器代码
+  // Check the result of compilation
 
-  gl.shaderSource(shader, source);
-  gl.compileShader(shader);
-  var compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
+  var compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS); // 判断着色器对象是否生成成功
+  // gl.SHADER_TYPE、gl.DELETE_STATUS、gl.COMPILE_STATUS
 
   if (!compiled) {
     var error = gl.getShaderInfoLog(shader);
@@ -104,8 +123,10 @@ export function bindAttriBuffer(gl, attrName, vertices, count, program) {
     console.warn('failed create vertex buffer');
   }
 
-  gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
-  gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW);
+  gl.bindBuffer(gl.ARRAY_BUFFER, buffer); // 将缓冲区对象绑定到目标
+
+  gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW); // 向缓冲区对象中写入数据
+
   var attr = gl.getAttribLocation(program, attrName);
   gl.vertexAttribPointer(attr, count, gl.FLOAT, false, 0, 0);
   gl.enableVertexAttribArray(attr);
@@ -158,7 +179,8 @@ export function setUnifrom(gl, location, data, vec) {
       break;
 
     case 'bool':
-      gl.uniform1i(location, data);
+      gl.uniform1i(location, data); // 1 - true    0 - false
+
       break;
 
     case 'sampler2d':
@@ -180,9 +202,12 @@ export function initFramebuffer(gl) {
   gl.bindRenderbuffer(gl.RENDERBUFFER, depthbuffer);
   gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, OFFER_SCREEN_WIDTH, OFFER_SCREEN_HEIGHT);
   gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, depthbuffer);
-  var texture = gl.createTexture();
-  FRAMEBUFFER.texture = texture;
-  FRAMEBUFFER.width = OFFER_SCREEN_WIDTH;
+  var texture = gl.createTexture(); // @ts-ignore
+
+  FRAMEBUFFER.texture = texture; // @ts-ignore
+
+  FRAMEBUFFER.width = OFFER_SCREEN_WIDTH; // @ts-ignore
+
   FRAMEBUFFER.height = OFFER_SCREEN_HEIGHT;
   gl.bindTexture(gl.TEXTURE_2D, texture);
   gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
@@ -198,5 +223,4 @@ export function initFramebuffer(gl) {
     OFFER_SCREEN_WIDTH: OFFER_SCREEN_WIDTH,
     OFFER_SCREEN_HEIGHT: OFFER_SCREEN_HEIGHT
   };
-}
-//# sourceMappingURL=utils.js.map
+}

package/es/wind/models/wind.js

@@ -12,11 +12,15 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import { AttributeType, gl } from '@antv/l7-core';
 import { FrequencyController } from '@antv/l7-utils';
-import BaseModel from '../../core/BaseModel';
-import { RasterImageTriangulation } from '../../core/triangulation';
+import BaseModel from "../../core/BaseModel";
+import { RasterImageTriangulation } from "../../core/triangulation";
+
+/* babel-plugin-inline-import '../shaders/wind_frag.glsl' */
 var WindFrag = "precision mediump float;\nuniform float u_opacity: 1.0;\nuniform sampler2D u_texture;\nvarying vec2 v_texCoord;\nvoid main() {\n  vec4 color = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y));\n  gl_FragColor = color;\n  gl_FragColor.a *= u_opacity;\n}\n";
+
+/* babel-plugin-inline-import '../shaders/wind_vert.glsl' */
 var WindVert = "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   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";
-import { Wind } from './windRender';
+import { Wind } from "./windRender";
 var defaultRampColors = {
   0.0: '#3288bd',
   0.1: '#66c2a5',
@@ -28,7 +32,7 @@ var defaultRampColors = {
   1.0: '#d53e4f'
 };
 
-var WindModel = function (_BaseModel) {
+var WindModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(WindModel, _BaseModel);
 
   var _super = _createSuper(WindModel);
@@ -44,20 +48,10 @@ var WindModel = function (_BaseModel) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "texture", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "colorModel", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "wind", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "imageCoords", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "sizeScale", 0.5);
 
     _defineProperty(_assertThisInitialized(_this), "frequency", new FrequencyController(7.2));
 
-    _defineProperty(_assertThisInitialized(_this), "cacheZoom", void 0);
-
     return _this;
   }
 
@@ -66,6 +60,7 @@ var WindModel = function (_BaseModel) {
     value: function render() {
       var _this2 = this;
 
+      // Tip: 控制风场的平均更新频率
       this.frequency.run(function () {
         _this2.drawWind();
       });
@@ -138,7 +133,7 @@ var WindModel = function (_BaseModel) {
           dropRateBump: dropRateBump,
           rampColors: rampColors
         };
-        _this3.wind = new Wind(options);
+        _this3.wind = new Wind(options); // imageData[0] 风场图
 
         _this3.wind.setWind({
           uMin: uMin,
@@ -217,12 +212,14 @@ var WindModel = function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
+      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'uv',
         type: AttributeType.Attribute,
         descriptor: {
           name: 'a_Uv',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.DYNAMIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -294,7 +291,8 @@ var WindModel = function (_BaseModel) {
         var _this$wind$draw = this.wind.draw(),
             d = _this$wind$draw.d,
             w = _this$wind$draw.w,
-            h = _this$wind$draw.h;
+            h = _this$wind$draw.h; // TODO: 恢复 L7 渲染流程中 gl 状态
+
 
         this.rendererService.setBaseState();
         this.texture.update({
@@ -330,5 +328,4 @@ var WindModel = function (_BaseModel) {
   return WindModel;
 }(BaseModel);
 
-export { WindModel as default };
-//# sourceMappingURL=wind.js.map
+export { WindModel as default };