@antv/l7-layers 2.25.9 → 2.28.10

package/lib/core/CommonStyleAttribute.js

@@ -21,8 +21,9 @@ const COMMON_ATTRIBUTE_LOCATION = exports.COMMON_ATTRIBUTE_LOCATION = {
   OPACITY: 5,
   OFFSETS: 6,
   ROTATION: 7,
+  ANCHOR: 8,
   // last index
-  MAX: 8
+  MAX: 9
 };
 function getCommonStyleAttributeOptions(name) {
   switch (name) {
@@ -114,6 +115,27 @@ function getCommonStyleAttributeOptions(name) {
           }
         }
       };
+    case 'anchor':
+      return {
+        name: 'anchor',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Anchor',
+          shaderLocation: COMMON_ATTRIBUTE_LOCATION.ANCHOR,
+          buffer: {
+            usage: _l7Core.gl.STATIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 1,
+          update: feature => {
+            const {
+              anchor = 0
+            } = feature;
+            return [anchor];
+          }
+        }
+      };
     default:
       return undefined;
   }

package/lib/core/constant.js

@@ -11,7 +11,8 @@ const DefaultUniformStyleValue = exports.DefaultUniformStyleValue = {
   rotation: 0,
   extrusionBase: 0,
   strokeOpacity: 1,
-  thetaOffset: 0.314
+  thetaOffset: 0.314,
+  anchor: 0
 };
 const DefaultUniformStyleType = exports.DefaultUniformStyleType = {
   opacity: 'float',
@@ -21,5 +22,6 @@ const DefaultUniformStyleType = exports.DefaultUniformStyleType = {
   rotation: 'float',
   extrusionBase: 'float',
   strokeOpacity: 'float',
-  thetaOffset: 'float'
+  thetaOffset: 'float',
+  anchor: 'float'
 };

package/lib/core/interface.d.ts

@@ -71,6 +71,7 @@ export interface IPointLayerStyleOptions extends IBaseLayerStyleOptions {
     stroke: string;
     blur?: number;
     billboard?: boolean;
+    anchor?: anchorType;
     textOffset?: [number, number];
     textAnchor?: anchorType;
     spacing?: number;

package/lib/earth/models/atmosphere.d.ts

@@ -10,9 +10,10 @@ export default class EarthAtomSphereModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         NORMAL: number;
         UV: number;
     };

package/lib/earth/models/base.d.ts

@@ -10,9 +10,10 @@ export default class BaseEarthModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         NORMAL: number;
         UV: number;
     };

package/lib/earth/models/bloomsphere.d.ts

@@ -10,9 +10,10 @@ export default class EarthBloomSphereModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         NORMAL: number;
         UV: number;
     };

package/lib/geometry/models/billboard.d.ts

@@ -10,9 +10,10 @@ export default class BillBoardModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         EXTRUDE: number;
         UV: number;
     };

package/lib/geometry/models/plane.d.ts

@@ -10,9 +10,10 @@ export default class PlaneModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         UV: number;
     };
     protected texture: ITexture2D;

package/lib/heatmap/models/grid.d.ts

@@ -10,9 +10,10 @@ export default class GridModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         POS: number;
     };
     getUninforms(): IModelUniform;

package/lib/heatmap/models/grid3d.d.ts

@@ -10,9 +10,10 @@ export default class Grid3DModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         POS: number;
         NORMAL: number;

package/lib/heatmap/models/heatmap.d.ts

@@ -10,9 +10,10 @@ export default class HeatMapModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         UV: number;
         DIR: number;

package/lib/heatmap/models/hexagon.d.ts

@@ -10,9 +10,10 @@ export default class HexagonModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         POS: number;
     };
     getUninforms(): IModelUniform;

package/lib/image/models/image.d.ts

@@ -11,9 +11,10 @@ export default class ImageModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         UV: number;
     };
     protected getCommonUniformsInfo(): {

package/lib/line/models/arc.d.ts

@@ -10,9 +10,10 @@ export default class ArcModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         INSTANCE: number;
         INSTANCE_64LOW: number;

package/lib/line/models/arc_3d.d.ts

@@ -10,9 +10,10 @@ export default class Arc3DModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         INSTANCE: number;
         INSTANCE_64LOW: number;

package/lib/line/models/flow.d.ts

@@ -10,9 +10,10 @@ export default class FlowLineModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         INSTANCE: number;
         INSTANCE_64LOW: number;

package/lib/line/models/great_circle.d.ts

@@ -10,9 +10,10 @@ export default class GreatCircleModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         INSTANCE: number;
         INSTANCE_64LOW: number;

package/lib/line/models/line.d.ts

@@ -10,9 +10,10 @@ export default class LineModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         DISTANCE_INDEX: number;
         NORMAL: number;

package/lib/line/models/simple_line.d.ts

@@ -10,9 +10,10 @@ export default class SimpleLineModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
     };
     protected getCommonUniformsInfo(): {

package/lib/line/models/wall.d.ts

@@ -10,9 +10,10 @@ export default class LineWallModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         NORMAL: number;
         UV: number;

package/lib/plugins/index.d.ts

@@ -12,4 +12,4 @@ import RegisterStyleAttributePlugin from './RegisterStyleAttributePlugin';
 import ShaderUniformPlugin from './ShaderUniformPlugin';
 import UpdateModelPlugin from './UpdateModelPlugin';
 import UpdateStyleAttributePlugin from './UpdateStyleAttributePlugin';
-export declare function createPlugins(): (DataMappingPlugin | DataSourcePlugin | FeatureScalePlugin | LayerAnimateStylePlugin | LayerMaskPlugin | LayerModelPlugin | LayerStylePlugin | LightingPlugin | MultiPassRendererPlugin | PixelPickingPlugin | RegisterStyleAttributePlugin | ShaderUniformPlugin | UpdateModelPlugin | UpdateStyleAttributePlugin)[];
+export declare function createPlugins(): (DataSourcePlugin | RegisterStyleAttributePlugin | FeatureScalePlugin | DataMappingPlugin | LayerStylePlugin | LayerMaskPlugin | UpdateStyleAttributePlugin | UpdateModelPlugin | MultiPassRendererPlugin | ShaderUniformPlugin | LayerAnimateStylePlugin | LightingPlugin | PixelPickingPlugin | LayerModelPlugin)[];

package/lib/point/index.js

@@ -13,8 +13,8 @@ class PointLayer extends _BaseLayer.default {
   constructor(...args) {
     super(...args);
     (0, _defineProperty2.default)(this, "type", 'PointLayer');
-    (0, _defineProperty2.default)(this, "enableShaderEncodeStyles", ['stroke', 'offsets', 'opacity', 'rotation']);
-    //4+2+1+1
+    (0, _defineProperty2.default)(this, "enableShaderEncodeStyles", ['stroke', 'offsets', 'opacity', 'rotation', 'anchor']);
+    //4+2+1+1+1
     (0, _defineProperty2.default)(this, "enableDataEncodeStyles", ['textOffset', 'textAnchor']);
     (0, _defineProperty2.default)(this, "defaultSourceConfig", {
       data: [],

package/lib/point/models/billboard_point.d.ts

@@ -16,9 +16,10 @@ export default class SimplePointModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
     };
     getDefaultStyle(): Partial<IPointLayerStyleOptions>;

package/lib/point/models/earthExtrude.d.ts

@@ -10,9 +10,10 @@ export default class ExtrudeModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         POS: number;
         NORMAL: number;

package/lib/point/models/earthFill.d.ts

@@ -10,9 +10,10 @@ export default class FillModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         SHAPE: number;
         EXTRUDE: number;

package/lib/point/models/extrude.d.ts

@@ -10,9 +10,10 @@ export default class ExtrudeModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         EXTRUDE: number;
         NORMAL: number;

package/lib/point/models/fill.d.ts

@@ -10,9 +10,10 @@ export default class FillModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         SHAPE: number;
         EXTRUDE: number;

package/lib/point/models/fillImage.d.ts

@@ -10,9 +10,10 @@ export default class FillImageModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         EXTRUDE: number;
         UV: number;

package/lib/point/models/image.d.ts

@@ -10,9 +10,10 @@ export default class ImageModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         UV: number;
     };

package/lib/point/models/normal.d.ts

@@ -16,9 +16,10 @@ export default class NormalModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
     };
     getDefaultStyle(): Partial<IPointLayerStyleOptions>;

package/lib/point/models/radar.d.ts

@@ -10,9 +10,10 @@ export default class RadarModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         EXTRUDE: number;
     };

package/lib/point/models/text.d.ts

@@ -16,9 +16,10 @@ export default class TextModel extends BaseModel {
         readonly OPACITY: 5;
         readonly OFFSETS: 6;
         readonly ROTATION: 7;
-        readonly MAX: 8;
+        readonly ANCHOR: 8;
+        readonly MAX: 9;
     } & Record<string, number> & {
-        MAX: 8;
+        MAX: 9;
         SIZE: number;
         TEXT_OFFSETS: number;
         UV: number;

package/lib/point/shaders/billboard/billboard_point_vert.glsl

@@ -18,16 +18,48 @@ out float v_innerRadius;
 #pragma include "projection"
 #pragma include "picking"
 #pragma include "project"
+
+// 根据 anchor 值计算点精灵的像素偏移
+// anchor: 0=center, 1=top, 2=top-right, 3=right, 4=bottom-right, 5=bottom, 6=bottom-left, 7=left, 8=top-left, 9=bottom-center
+vec2 applyAnchorPoint(float anchor, float pointSize) {
+  if (anchor < 0.5) {
+    return vec2(0.0);
+  }
+
+  vec2 offset = vec2(0.0);
+
+  // horizontal alignment: 左边缘对准坐标 -> 向右移; 右边缘对准坐标 -> 向左移
+  if (anchor == 2.0 || anchor == 3.0 || anchor == 4.0) {
+    offset.x = -pointSize * 0.5;
+  } else if (anchor == 6.0 || anchor == 7.0 || anchor == 8.0) {
+    offset.x = pointSize * 0.5;
+  }
+
+  // vertical alignment: 上边缘对准坐标 -> 向下移(图形在坐标下方); 下边缘对准坐标 -> 向上移(图形在坐标上方)
+  if (anchor == 1.0 || anchor == 2.0 || anchor == 8.0) {
+    offset.y = -pointSize * 0.5;
+  } else if (anchor == 4.0 || anchor == 5.0 || anchor == 6.0 || anchor == 9.0) {
+    offset.y = pointSize * 0.5;
+  }
+
+  return offset;
+}
+
 void main() {
   v_color = vec4(a_Color.xyz, a_Color.w * opacity);
   v_blur = 1.0 - max(2.0 / a_Size, 0.05);
   v_innerRadius = max((a_Size - u_stroke_width) / a_Size, 0.0);
 
-  vec2 offset = project_pixel(u_offsets);
+  vec2 offset = project_pixel(offsets);
 
   vec4 project_pos = project_position(vec4(a_Position, 1.0), a_Position64Low);
   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;
+
+  // apply anchor offset in screen space
+  vec2 anchorOffset = applyAnchorPoint(anchor, gl_PointSize);
+  gl_Position.xy += anchorOffset / u_ViewportSize * 2.0 * gl_Position.w;
+
   setPickingColor(a_PickingColor);
 }

package/lib/point/shaders/earthFill/earthFill_vert.glsl

@@ -17,6 +17,35 @@ out float v_radius;
 #pragma include "projection"
 #pragma include "picking"
 
+// 根据 anchor 值计算 extrude 偏移
+// anchor: 0=center, 1=top, 2=top-right, 3=right, 4=bottom-right, 5=bottom, 6=bottom-left, 7=left, 8=top-left, 9=bottom-center
+vec2 applyAnchor(vec2 extrude, float anchor) {
+  if (anchor < 0.5) {
+    return extrude;
+  }
+
+  vec2 offset = vec2(0.0);
+
+  // horizontal alignment: 左边缘对准坐标 -> 向右移; 右边缘对准坐标 -> 向左移
+  if (anchor == 2.0 || anchor == 3.0 || anchor == 4.0) {
+    // top-right, right, bottom-right -> shift left
+    offset.x = -1.0;
+  } else if (anchor == 6.0 || anchor == 7.0 || anchor == 8.0) {
+    // bottom-left, left, top-left -> shift right
+    offset.x = 1.0;
+  }
+
+  // vertical alignment: 上边缘对准坐标 -> 向下移(图形在坐标下方); 下边缘对准坐标 -> 向上移(图形在坐标上方)
+  if (anchor == 1.0 || anchor == 2.0 || anchor == 8.0) {
+    // top, top-right, top-left -> shift down
+    offset.y = -1.0;
+  } else if (anchor == 4.0 || anchor == 5.0 || anchor == 6.0 || anchor == 9.0) {
+    // bottom-right, bottom, bottom-left, bottom-center -> shift up
+    offset.y = 1.0;
+  }
+
+  return extrude + offset;
+}
 
 void main() {
   vec3 extrude = a_Extrude;
@@ -37,10 +66,15 @@ void main() {
   //  float antialiased_blur = -max(u_blur, antialiasblur);
   float antialiasblur = -max(2.0 / u_DevicePixelRatio / newSize, u_blur);
 
-  // TODP: /abs(extrude.x) 是为了兼容地球模式
-  v_data = vec4(extrude.x/abs(extrude.x), extrude.y/abs(extrude.y), antialiasblur,shape_type);
+  // apply anchor to extrude direction
+  vec2 anchoredExtrude = applyAnchor(extrude.xy, anchor);
+
+  // TODP: sign() 是为了兼容地球模式，同时避免 anchor 偏移后为 0 时除以零产生 NaN
+  // 注意：v_data 必须使用原始 extrude 而非 anchoredExtrude，因为 SDF 形状计算需要基于原始形状坐标系
+  // anchoredExtrude 只用于位置偏移，不改变形状本身的 SDF 采样
+  v_data = vec4(sign(extrude.x), sign(extrude.y), antialiasblur,shape_type);
 
-  gl_Position = u_ViewProjectionMatrix * vec4(a_Position + extrude * newSize * 0.1 + vec3(u_offsets,0.0), 1.0);
+  gl_Position = u_ViewProjectionMatrix * vec4(a_Position + anchoredExtrude * newSize * 0.1 + vec3(offsets,0.0), 1.0);
 
   setPickingColor(a_PickingColor);
 }

package/lib/point/shaders/fill/fill_vert.glsl

@@ -24,6 +24,36 @@ out float v_radius;
 #pragma include "picking"
 #pragma include "rotation_2d"
 
+// 根据 anchor 值计算 extrude 偏移
+// anchor: 0=center, 1=top, 2=top-right, 3=right, 4=bottom-right, 5=bottom, 6=bottom-left, 7=left, 8=top-left, 9=bottom-center
+vec2 applyAnchor(vec2 extrude, float anchor) {
+  if (anchor < 0.5) {
+    return extrude;
+  }
+
+  vec2 offset = vec2(0.0);
+
+  // horizontal alignment: 左边缘对准坐标 -> 向右移; 右边缘对准坐标 -> 向左移
+  if (anchor == 2.0 || anchor == 3.0 || anchor == 4.0) {
+    // top-right, right, bottom-right -> shift left
+    offset.x = -1.0;
+  } else if (anchor == 6.0 || anchor == 7.0 || anchor == 8.0) {
+    // bottom-left, left, top-left -> shift right
+    offset.x = 1.0;
+  }
+
+  // vertical alignment: 上边缘对准坐标 -> 向下移(图形在坐标下方); 下边缘对准坐标 -> 向上移(图形在坐标上方)
+  if (anchor == 1.0 || anchor == 2.0 || anchor == 8.0) {
+    // top, top-right, top-left -> shift down
+    offset.y = -1.0;
+  } else if (anchor == 4.0 || anchor == 5.0 || anchor == 6.0 || anchor == 9.0) {
+    // bottom-right, bottom, bottom-left, bottom-center -> shift up
+    offset.y = 1.0;
+  }
+
+  return extrude + offset;
+}
+
 void main() {
   // 透明度计算
    v_stroke = stroke;
@@ -51,13 +81,18 @@ void main() {
   //  float antialiased_blur = -max(u_blur, antialiasblur);
   float antialiasblur = -max(2.0 / u_DevicePixelRatio / newSize, u_blur_height_fixed.x);
 
-  vec2 offset = (extrude.xy * (newSize + u_stroke_width) + u_offsets);
+  // apply anchor to extrude direction
+  vec2 anchoredExtrude = applyAnchor(extrude.xy, anchor);
+
+  vec2 offset = (anchoredExtrude * (newSize + u_stroke_width) + offsets);
 
   offset = project_pixel(offset);
   offset = rotate_matrix(offset,rotation);
 
-  // TODP: /abs(extrude.x) 是为了兼容地球模式
-  v_data = vec4(extrude.x/abs(extrude.x), extrude.y/abs(extrude.y), antialiasblur,shape_type);
+  // TODP: sign() 是为了兼容地球模式，同时避免 anchor 偏移后为 0 时除以零产生 NaN
+  // 注意：v_data 必须使用原始 extrude 而非 anchoredExtrude，因为 SDF 形状计算需要基于原始形状坐标系
+  // anchoredExtrude 只用于位置偏移，不改变形状本身的 SDF 采样
+  v_data = vec4(sign(extrude.x), sign(extrude.y), antialiasblur,shape_type);
 
   vec4 project_pos = project_position(vec4(a_Position.xy, 0.0, 1.0), a_Position64Low);
   // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, project_pixel(setPickingOrder(0.0)), 1.0));