@antv/l7-layers 2.9.20 → 2.9.22

package/lib/point/shaders/fill_vert.glsl

@@ -0,0 +1,182 @@
+attribute vec4 a_Color;
+attribute vec3 a_Position;
+attribute vec3 a_Extrude;
+attribute float a_Size;
+attribute float a_Shape;
+
+varying mat4 styleMappingMat; // 用于将在顶点着色器中计算好的样式值传递给片元
+
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_Mvp;
+uniform float u_meter2coord;
+uniform float u_meteryScale;
+uniform float u_isMeter;
+
+varying vec4 v_data;
+varying vec4 v_color;
+varying float v_radius;
+
+uniform float u_opacity : 1;
+uniform float u_stroke_opacity : 1;
+uniform float u_stroke_width : 2;
+uniform vec4 u_stroke_color : [0.0, 0.0, 0.0, 0.0];
+uniform vec2 u_offsets;
+
+uniform float u_blur : 0.0;
+uniform float u_raisingHeight: 0.0;
+
+#pragma include "styleMapping"
+#pragma include "styleMappingCalOpacity"
+#pragma include "styleMappingCalStrokeOpacity"
+#pragma include "styleMappingCalStrokeWidth"
+
+#pragma include "projection"
+#pragma include "picking"
+
+
+void main() {
+  vec3 extrude = a_Extrude;
+  float shape_type = a_Shape;
+  /*
+  *  setPickingSize 设置拾取大小
+  *  u_meter2coord 在等面积大小的时候设置单位
+  */
+  float newSize = setPickingSize(a_Size) * u_meter2coord;
+  // float newSize = setPickingSize(a_Size) * 0.00001038445708445579;
+
+  // 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;
+
+  vec2 strokeOpacityAndOffset = calStrokeOpacityAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);
+  styleMappingMat[0][1] = strokeOpacityAndOffset.r;
+  textureOffset = strokeOpacityAndOffset.g;
+
+  vec2 strokeWidthAndOffset = calStrokeWidthAndOffset(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset, columnWidth, rowHeight);
+  styleMappingMat[0][2] = strokeWidthAndOffset.r;
+  textureOffset = strokeWidthAndOffset.g;
+
+  vec4 textrueStroke = vec4(-1.0, -1.0, -1.0, -1.0);
+  if(hasStroke()) {
+    vec2 valueRPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    styleMappingMat[1][0] = pos2value(valueRPos, columnWidth, rowHeight); // R
+    textureOffset += 1.0;
+
+    vec2 valueGPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    styleMappingMat[1][1] = pos2value(valueGPos, columnWidth, rowHeight); // G
+    textureOffset += 1.0;
+
+    vec2 valueBPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    styleMappingMat[1][2] = pos2value(valueBPos, columnWidth, rowHeight); // B
+    textureOffset += 1.0;
+
+    vec2 valueAPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    styleMappingMat[1][3] = pos2value(valueAPos, columnWidth, rowHeight); // A
+    textureOffset += 1.0;
+  } else {
+    if(u_stroke_color == vec4(0.0)) {
+      styleMappingMat[1][0] = v_color.r;
+      styleMappingMat[1][1] = v_color.g;
+      styleMappingMat[1][2] = v_color.b;
+      styleMappingMat[1][3] = v_color.a;
+    } else {
+      styleMappingMat[1][0] = u_stroke_color.r;
+      styleMappingMat[1][1] = u_stroke_color.g;
+      styleMappingMat[1][2] = u_stroke_color.b;
+      styleMappingMat[1][3] = u_stroke_color.a;
+    }
+  }
+
+  vec2 textrueOffsets = vec2(0.0, 0.0);
+  if(hasOffsets()) {
+    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x
+    textureOffset += 1.0;
+
+    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x
+    textureOffset += 1.0;
+  } else {
+    textrueOffsets = u_offsets;
+  }
+
+  // cal style mapping
+
+  // unpack color(vec2)
+  v_color = a_Color;
+
+  // radius(16-bit)
+  v_radius = newSize;
+
+  // TODO: billboard
+  // anti-alias
+  //  float antialiased_blur = -max(u_blur, antialiasblur);
+  float antialiasblur = -max(2.0 / u_DevicePixelRatio / newSize, u_blur);
+
+  vec2 offset = (extrude.xy * (newSize + u_stroke_width) + textrueOffsets);
+  vec3 aPosition = a_Position;
+  if(u_isMeter < 1.0) {
+    // 不以米为实际单位
+    offset = project_pixel(offset);
+  } else {
+    // 以米为实际单位
+    if(newSize * pow(2.0, u_Zoom) < 48.0) {
+      antialiasblur = max(antialiasblur, -0.05);
+    } else if(newSize * pow(2.0, u_Zoom) < 128.0) {
+      antialiasblur = max(antialiasblur, -0.6/pow(u_Zoom, 2.0));
+    } else {
+      antialiasblur = max(antialiasblur, -0.8/pow(u_Zoom, 2.0));
+    }
+    
+    if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
+      aPosition.x += offset.x / u_meteryScale;
+      aPosition.y += offset.y;
+      offset = vec2(0.0);
+    }
+  }
+
+  // TODP: /abs(extrude.x) 是为了兼容地球模式
+  v_data = vec4(extrude.x/abs(extrude.x), extrude.y/abs(extrude.y), antialiasblur,shape_type);
+
+
+  // vec4 project_pos = project_position(vec4(a_Position.xy, 0.0, 1.0));
+  vec4 project_pos = project_position(vec4(aPosition.xy, 0.0, 1.0));
+  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));
+
+  float raiseHeight = u_raisingHeight;
+  if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
+    float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);
+    raiseHeight = u_raisingHeight * mapboxZoomScale;
+  }
+
+  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
+    gl_Position = u_Mvp * vec4(project_pos.xy + offset, raiseHeight, 1.0);
+  } else {
+    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, u_raisingHeight, 1.0));
+  }
+ 
+  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, 0.0, 1.0));
+
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/image/fillImage_frag.glsl

@@ -0,0 +1,20 @@
+uniform sampler2D u_texture;
+uniform vec2 u_textSize;
+
+varying mat4 styleMappingMat; // 传递从片元中传递的映射数据
+
+#pragma include "sdf_2d"
+#pragma include "picking"
+varying vec2 v_uv; // 本身的 uv 坐标
+varying vec2 v_Iconuv;
+
+void main() {
+
+  float opacity = styleMappingMat[0][0];
+
+  vec2 pos = v_Iconuv / u_textSize + v_uv / u_textSize * 64.;
+  gl_FragColor = texture2D(u_texture, pos);
+  gl_FragColor.a *= opacity;
+
+  gl_FragColor = filterColor(gl_FragColor);
+}

package/lib/point/shaders/image/fillImage_vert.glsl

@@ -0,0 +1,108 @@
+attribute vec4 a_Color;
+attribute vec3 a_Position;
+attribute vec3 a_Extrude;
+attribute float a_Size;
+attribute vec2 a_Uv;
+attribute float a_Rotate;
+
+varying mat4 styleMappingMat; // 用于将在顶点着色器中计算好的样式值传递给片元
+
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_Mvp;
+uniform mat2 u_RotateMatrix;
+uniform float u_isMeter;
+
+varying vec2 v_uv; // 本身的 uv 坐标
+varying vec2 v_Iconuv; // icon 贴图的 uv 坐标
+
+uniform float u_opacity : 1;
+uniform vec2 u_offsets;
+
+#pragma include "styleMapping"
+#pragma include "styleMappingCalOpacity"
+
+#pragma include "projection"
+#pragma include "picking"
+
+void main() {
+  vec3 extrude = a_Extrude;
+
+  v_uv = (a_Extrude.xy + 1.0)/2.0;
+  v_uv.y = 1.0 - v_uv.y;
+  v_Iconuv = a_Uv;
+
+  // cal style mapping - 数据纹理映射部分的计算
+  styleMappingMat = mat4(
+    0.0, 0.0, 0.0, 0.0, // opacity - empty - empty - empty
+    0.0, 0.0, 0.0, 0.0, // empty - empty - empty - empty
+    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;
+
+  vec2 textrueOffsets = vec2(0.0, 0.0);
+  if(hasOffsets()) {
+    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x
+    textureOffset += 1.0;
+
+    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x
+    textureOffset += 1.0;
+  } else {
+    textrueOffsets = u_offsets;
+  }
+
+  // cal style mapping
+
+  highp float angle_sin = sin(a_Rotate);
+  highp float angle_cos = cos(a_Rotate);
+  mat2 rotation_matrix = mat2(angle_cos, -1.0 * angle_sin, angle_sin, angle_cos);
+
+  // vec2 offset = (u_RotateMatrix * extrude.xy * (a_Size) + textrueOffsets);
+  vec2 offset = (rotation_matrix * u_RotateMatrix * extrude.xy * (a_Size) + textrueOffsets);
+  vec3 aPosition = a_Position;
+  if(u_isMeter < 1.0) {
+    // 不以米为实际单位
+    offset = project_pixel(offset);
+  } else {
+    // 以米为实际单位
+
+    if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {
+      aPosition.xy += offset;
+      offset.x = 0.0;
+      offset.y = 0.0;
+    }
+  }
+
+
+  // vec4 project_pos = project_position(vec4(a_Position.xy, 0.0, 1.0));
+  vec4 project_pos = project_position(vec4(aPosition.xy, 0.0, 1.0));
+  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));
+
+  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
+    gl_Position = u_Mvp * vec4(project_pos.xy + offset, 0.0, 1.0);
+  } else {
+    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));
+  }
+ 
+  // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, 0.0, 1.0));
+
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/image_frag.glsl

@@ -0,0 +1,39 @@
+
+uniform sampler2D u_texture;
+varying vec4 v_color;
+varying vec2 v_uv;
+uniform vec2 u_textSize;
+uniform float u_opacity : 1;
+
+varying mat4 styleMappingMat; // 传递从片元中传递的映射数据
+
+#pragma include "picking"
+
+void main(){
+      float opacity = styleMappingMat[0][0];
+      float size = styleMappingMat[1][0];
+      vec2 pos = v_uv / u_textSize + gl_PointCoord / u_textSize * 64.;
+      vec4 textureColor;
+
+      // Y = 0.299R + 0.587G + 0.114B // 亮度提取
+     
+      textureColor = texture2D(u_texture, pos);
+
+      // Tip: 去除边缘部分 mipmap 导致的混合变暗
+      float fragmengTocenter = distance(vec2(0.5), gl_PointCoord);
+      if(fragmengTocenter >= 0.5) {
+            float luma = 0.299 * textureColor.r + 0.587 * textureColor.g + 0.114 * textureColor.b;
+            textureColor.a *= luma;
+      }
+      
+      
+
+      if(all(lessThan(v_color, vec4(1.0+0.00001))) && all(greaterThan(v_color, vec4(1.0-0.00001))) || v_color==vec4(1.0)){
+            gl_FragColor= textureColor;
+      }else {
+            gl_FragColor= step(0.01, textureColor.z) * v_color;
+      }
+
+      gl_FragColor.a = gl_FragColor.a * opacity;
+      gl_FragColor = filterColor(gl_FragColor);
+}

package/lib/point/shaders/image_vert.glsl

@@ -0,0 +1,81 @@
+precision highp float;
+attribute vec3 a_Position;
+attribute vec4 a_Color;
+attribute vec2 a_Uv;
+attribute float a_Size;
+varying vec4 v_color;
+varying vec2 v_uv;
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_Mvp;
+uniform vec2 u_offsets;
+
+uniform float u_opacity : 1;
+
+varying mat4 styleMappingMat; // 用于将在顶点着色器中计算好的样式值传递给片元
+
+#pragma include "styleMapping"
+#pragma include "styleMappingCalOpacity"
+
+#pragma include "projection"
+#pragma include "picking"
+
+void main() {
+  // 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;
+
+  styleMappingMat[1][0] = a_Size;
+
+  vec2 textrueOffsets = vec2(0.0, 0.0);
+  if(hasOffsets()) {
+    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x
+    textureOffset += 1.0;
+
+    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x
+    textureOffset += 1.0;
+  } else {
+    textrueOffsets = u_offsets;
+  }
+
+  // cal style mapping - 数据纹理映射部分的计算
+   v_color = a_Color;
+   v_uv = a_Uv;
+   vec4 project_pos = project_position(vec4(a_Position, 1.0));
+   
+  //  vec2 offset = project_pixel(u_offsets);
+  vec2 offset = project_pixel(textrueOffsets);
+
+  //  gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0));
+
+  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
+    gl_Position = u_Mvp * vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0);
+  } else {
+    gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy + offset),project_pos.z, 1.0));
+  }
+  gl_PointSize = a_Size * 2.0 * u_DevicePixelRatio;
+
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/normal_frag.glsl

@@ -0,0 +1,15 @@
+
+uniform float u_opacity : 1;
+uniform vec2 u_offsets;
+varying vec4 v_color;
+varying mat4 styleMappingMat; // 传递从片元中传递的映射数据
+
+#pragma include "picking"
+void main() {
+  float opacity = styleMappingMat[0][0];
+
+  gl_FragColor = v_color;
+  // gl_FragColor.a =gl_FragColor.a * u_opacity;
+  gl_FragColor.a =gl_FragColor.a * opacity;
+  gl_FragColor = filterColor(gl_FragColor);
+}

package/lib/point/shaders/normal_vert.glsl

@@ -0,0 +1,79 @@
+
+attribute vec3 a_Position;
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_Mvp;
+attribute float a_Size;
+attribute vec4 a_Color;
+varying vec4 v_color;
+
+uniform float u_opacity : 1;
+uniform vec2 u_offsets;
+
+varying mat4 styleMappingMat; // 用于将在顶点着色器中计算好的样式值传递给片元
+
+#pragma include "styleMapping"
+#pragma include "styleMappingCalOpacity"
+
+#pragma include "projection"
+#pragma include "picking"
+#pragma include "project"
+void main() {
+  v_color = a_Color;
+
+  // 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;
+
+  vec2 textrueOffsets = vec2(0.0, 0.0);
+  if(hasOffsets()) {
+    vec2 valueXPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    textrueOffsets.r = pos2value(valueXPos, columnWidth, rowHeight); // x
+    textureOffset += 1.0;
+
+    vec2 valueYPos = nextPos(cellCurrentRow, cellCurrentColumn, columnCount, textureOffset);
+    textrueOffsets.g = pos2value(valueYPos, columnWidth, rowHeight); // x
+    textureOffset += 1.0;
+  } else {
+    textrueOffsets = u_offsets;
+  }
+
+  // cal style mapping
+  
+  // vec2 offset = project_pixel(u_offsets);
+  vec2 offset = project_pixel(textrueOffsets);
+  // vec4 project_pos = project_position(vec4(a_Position, 1.0)) + vec4(a_Size / 2.,-a_Size /2.,0.,0.);
+  // gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy+offset),project_pos.z,project_pos.w));\
+  // 
+  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
+    // vec2 offset = project_pixel((u_offsets));
+    gl_Position = u_Mvp * vec4(a_Position.xy + offset, a_Position.z, 1.0);
+  } else { // else
+    // vec2 offset = project_pixel(u_offsets);
+    vec4 project_pos = project_position(vec4(a_Position, 1.0)) + vec4(a_Size / 2.,-a_Size /2.,0.,0.);
+    gl_Position = project_common_position_to_clipspace(vec4(vec2(project_pos.xy+offset),project_pos.z,project_pos.w));
+  }
+
+  gl_PointSize = a_Size * 2.0 * u_DevicePixelRatio;
+  setPickingColor(a_PickingColor);
+}

package/lib/point/shaders/radar/radar_frag.glsl

@@ -0,0 +1,64 @@
+
+uniform float u_additive;
+
+varying mat4 styleMappingMat; // 传递从片元中传递的映射数据
+
+varying vec4 v_data;
+varying vec4 v_color;
+varying float v_radius;
+
+#pragma include "sdf_2d"
+#pragma include "picking"
+
+void main() {
+  int shape = int(floor(v_data.w + 0.5));
+
+  vec4 textrueStroke = vec4(
+    styleMappingMat[1][0],
+    styleMappingMat[1][1],
+    styleMappingMat[1][2],
+    styleMappingMat[1][3]
+  );
+
+  float opacity = styleMappingMat[0][0];
+
+  lowp float antialiasblur = v_data.z;
+  float r = v_radius / (v_radius);
+
+  float outer_df = sdCircle(v_data.xy, 1.0);
+  float inner_df = sdCircle(v_data.xy, r);
+
+  float opacity_t = smoothstep(0.0, antialiasblur, outer_df);
+
+  gl_FragColor = vec4(v_color.rgb, v_color.a * opacity);
+
+  if(u_additive > 0.0) {
+    gl_FragColor *= opacity_t;
+  } else {
+    gl_FragColor.a *= opacity_t;
+  }
+
+  if(gl_FragColor.a > 0.0) {
+    gl_FragColor = filterColor(gl_FragColor);
+  }
+
+  vec2 extrude =  styleMappingMat[2].ba;
+  vec2 dir = normalize(extrude);
+  vec2 baseDir = vec2(1.0, 0.0);
+  float pi = 3.14159265359;
+  // full circle
+  // float rades = dot(dir, baseDir);
+  // float flag = sign(dir.y);
+  // float radar_v = (flag - 1.0) * -0.5 + flag * acos(rades)/pi/2.0;
+  
+  // half circle
+  float flag = sign(dir.y);
+  float rades = dot(dir, baseDir);
+  float radar_v = (flag - 1.0) * -0.5 * acos(rades)/pi;
+  // simple AA
+  if(radar_v > 0.99) {
+    radar_v = 1.0 - (radar_v - 0.99)/0.01;
+  }
+
+  gl_FragColor.a *= radar_v;
+}