@antv/l7-layers 2.23.2 → 2.23.3-beta.1

package/lib/core/triangulation.js

@@ -35,6 +35,55 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // @ts-ignore
 
+/**
+ * 质心计算缓存
+ * 避免对相同坐标的重复计算
+ */
+
+const centroidCache = {};
+const CENTROID_CACHE_MAX_SIZE = 500;
+
+/**
+ * 生成坐标的缓存键
+ */
+function getCoordinateKey(coordinates) {
+  if (typeof coordinates === 'number') {
+    return String(coordinates);
+  }
+  if (Array.isArray(coordinates)) {
+    if (typeof coordinates[0] === 'number') {
+      return coordinates.slice(0, 2).join(',');
+    }
+    // 对于嵌套数组，取第一个点
+    return getCoordinateKey(coordinates[0]);
+  }
+  return '';
+}
+
+/**
+ * 带缓存的质心计算
+ */
+function cachedCalculateCentroid(coordinates) {
+  const key = getCoordinateKey(coordinates);
+  if (key && centroidCache[key]) {
+    return centroidCache[key].slice();
+  }
+  const centroid = (0, _l7Utils.calculateCentroid)(coordinates);
+
+  // 限制缓存大小
+  const keys = Object.keys(centroidCache);
+  if (keys.length >= CENTROID_CACHE_MAX_SIZE) {
+    // 删除一半的缓存
+    const deleteCount = Math.floor(CENTROID_CACHE_MAX_SIZE / 2);
+    for (let i = 0; i < deleteCount; i++) {
+      delete centroidCache[keys[i]];
+    }
+  }
+  if (key) {
+    centroidCache[key] = centroid.slice();
+  }
+  return centroid;
+}
 const GeometryCache = {};
 
 /**
@@ -43,7 +92,7 @@ const GeometryCache = {};
  */
 
 function PointFillTriangulation(feature) {
-  const coordinates = (0, _l7Utils.calculateCentroid)(feature.coordinates);
+  const coordinates = cachedCalculateCentroid(feature.coordinates);
   return {
     vertices: [...coordinates, ...coordinates, ...coordinates, ...coordinates],
     indices: [0, 1, 2, 2, 3, 0],

package/lib/earth/index.js

@@ -51,9 +51,8 @@ class EarthLayer extends _BaseLayer.default {
     }
   }
   getModelType() {
-    var _shapeAttribute$scale;
-    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute('shape');
-    let shape = (shapeAttribute === null || shapeAttribute === void 0 || (_shapeAttribute$scale = shapeAttribute.scale) === null || _shapeAttribute$scale === void 0 ? void 0 : _shapeAttribute$scale.field) || 'base';
+    var _this$shapeOption;
+    let shape = ((_this$shapeOption = this.shapeOption) === null || _this$shapeOption === void 0 ? void 0 : _this$shapeOption.field) || 'base';
     if (earthLayerTypes.indexOf(shape) < 0) {
       shape = 'base';
     }

package/lib/geometry/index.js

@@ -45,9 +45,8 @@ class GeometryLayer extends _BaseLayer.default {
     return defaultConfig[type];
   }
   getModelType() {
-    var _shapeAttribute$scale;
-    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute('shape');
-    const shape = shapeAttribute === null || shapeAttribute === void 0 || (_shapeAttribute$scale = shapeAttribute.scale) === null || _shapeAttribute$scale === void 0 ? void 0 : _shapeAttribute$scale.field;
+    var _this$shapeOption;
+    const shape = (_this$shapeOption = this.shapeOption) === null || _this$shapeOption === void 0 ? void 0 : _this$shapeOption.field;
     if (shape === 'plane') {
       return 'plane';
     } else if (shape === 'sprite') {

package/lib/heatmap/index.js

@@ -59,22 +59,22 @@ class HeatMapLayer extends _BaseLayer.default {
     }
   }
   getModelType() {
-    var _shapeAttribute$scale;
-    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute('shape');
+    var _source$data, _this$shapeOption;
     const {
       shape3d
     } = this.getLayerConfig();
     const source = this.getSource();
-    const sourceType = source.data.type;
-    const shape = (shapeAttribute === null || shapeAttribute === void 0 || (_shapeAttribute$scale = shapeAttribute.scale) === null || _shapeAttribute$scale === void 0 ? void 0 : _shapeAttribute$scale.field) || 'heatmap';
+    const sourceType = source === null || source === void 0 || (_source$data = source.data) === null || _source$data === void 0 ? void 0 : _source$data.type;
+    const shape = ((_this$shapeOption = this.shapeOption) === null || _this$shapeOption === void 0 ? void 0 : _this$shapeOption.field) || 'heatmap';
+    const isShape3D = Array.isArray(shape3d) && shape3d.includes(shape);
     if (shape === 'heatmap' || shape === 'heatmap3d') {
       return 'heatmap';
     }
     if (sourceType === 'hexagon') {
-      return (shape3d === null || shape3d === void 0 ? void 0 : shape3d.indexOf(shape)) === -1 ? 'hexagon' : 'grid3d';
+      return isShape3D ? 'grid3d' : 'hexagon';
     }
     if (sourceType === 'grid') {
-      return (shape3d === null || shape3d === void 0 ? void 0 : shape3d.indexOf(shape)) === -1 ? 'grid' : 'grid3d';
+      return isShape3D ? 'grid3d' : 'grid';
     }
     return 'heatmap';
   }

package/lib/heatmap/models/heatmap.js

@@ -82,14 +82,13 @@ class HeatMapModel extends _BaseModel.default {
   initModels() {
     var _this = this;
     return (0, _asyncToGenerator2.default)(function* () {
-      var _shapeAttr$scale;
+      var _this$layer$shapeOpti;
       const {
         createFramebuffer,
         getViewportSize,
         createTexture2D
       } = _this.rendererService;
-      const shapeAttr = _this.styleAttributeService.getLayerStyleAttribute('shape');
-      const shapeType = (shapeAttr === null || shapeAttr === void 0 || (_shapeAttr$scale = shapeAttr.scale) === null || _shapeAttr$scale === void 0 ? void 0 : _shapeAttr$scale.field) || 'heatmap';
+      const shapeType = ((_this$layer$shapeOpti = _this.layer.shapeOption) === null || _this$layer$shapeOpti === void 0 ? void 0 : _this$layer$shapeOpti.field) || 'heatmap';
       _this.shapeType = shapeType;
       // 生成热力图密度图
       _this.intensityModel = yield _this.buildHeatMapIntensity();

package/lib/index.d.ts

@@ -1,5 +1,5 @@
 import CanvasLayer from './canvas';
-import CityBuildingLayer from './citybuliding/building';
+import CityBuildingLayer from './citybuilding/building';
 import BaseLayer from './core/BaseLayer';
 import BaseModel from './core/BaseModel';
 import GeometryLayer from './geometry';

package/lib/index.js

@@ -119,7 +119,7 @@ Object.defineProperty(exports, "WindLayer", {
   }
 });
 var _canvas = _interopRequireDefault(require("./canvas"));
-var _building = _interopRequireDefault(require("./citybuliding/building"));
+var _building = _interopRequireDefault(require("./citybuilding/building"));
 var _BaseLayer = _interopRequireDefault(require("./core/BaseLayer"));
 var _BaseModel = _interopRequireDefault(require("./core/BaseModel"));
 var _geometry = _interopRequireDefault(require("./geometry"));

package/lib/line/index.js

@@ -67,12 +67,11 @@ class LineLayer extends _BaseLayer.default {
     return defaultConfig[type];
   }
   getModelType() {
-    var _shapeAttribute$scale;
+    var _this$shapeOption;
     if (this.layerType) {
       return this.layerType;
     }
-    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute('shape');
-    const shape = shapeAttribute === null || shapeAttribute === void 0 || (_shapeAttribute$scale = shapeAttribute.scale) === null || _shapeAttribute$scale === void 0 ? void 0 : _shapeAttribute$scale.field;
+    const shape = (_this$shapeOption = this.shapeOption) === null || _this$shapeOption === void 0 ? void 0 : _this$shapeOption.field;
     return shape || 'line';
   }
   processData(filterData) {

package/lib/plugins/DataMappingPlugin.js

@@ -92,19 +92,39 @@ class DataMappingPlugin {
     const {
       dataArray
     } = layer.getSource().data;
-    let filterData = dataArray;
-    // 数据过滤完 再执行数据映射
-    if (filter !== null && filter !== void 0 && filter.scale) {
-      filterData = dataArray.filter(record => {
-        return this.applyAttributeMapping(filter, record)[0];
-      });
+
+    // 优化：合并过滤和准备阶段为单次遍历
+    const usedAttributes = attributes.filter(attribute => attribute.scale !== undefined).filter(attribute => attribute.name !== 'filter');
+    const hasFilter = filter === null || filter === void 0 ? void 0 : filter.scale;
+
+    // 第一阶段：过滤原始数据（需要在 processData 之前）
+    let filterData = [];
+    if (hasFilter) {
+      for (let i = 0; i < dataArray.length; i++) {
+        const record = dataArray[i];
+        const filterResult = this.applyAttributeMapping(filter, record);
+        if (filterResult[0]) {
+          filterData.push(record);
+        }
+      }
+    } else {
+      filterData = dataArray;
     }
-    // Tip: layer 对数据做处理
+
+    // Tip: layer 对数据做处理（需要处理原始数据格式）
     // 数据处理 在数据进行 mapping 生成 encodeData 之前对数据进行处理
-    // 在各个 layer 中继承
+    const processedFilterData = layer.processData(filterData);
+
+    // 第二阶段：数据映射
+    const encodeData = this.mapping(layer, usedAttributes, processedFilterData, undefined);
 
-    filterData = layer.processData(filterData); // 目前只有简单线需要处理
-    const encodeData = this.mapping(layer, attributes, filterData, undefined);
+    // 重置属性状态
+    attributes.forEach(attribute => {
+      attribute.needRemapping = false;
+    });
+
+    // 调整数据兼容 SimpleCoordinates
+    this.adjustData2SimpleCoordinates(encodeData);
     layer.setEncodedData(encodeData);
 
     // 对外暴露事件

package/lib/plugins/FeatureScalePlugin.js

@@ -10,30 +10,27 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _l7Core = require("@antv/l7-core");
 var _l7Utils = require("@antv/l7-utils");
-var _d3Array = require("d3-array");
-var d3interpolate = _interopRequireWildcard(require("d3-interpolate"));
-var d3 = _interopRequireWildcard(require("d3-scale"));
 var _identityScale = _interopRequireDefault(require("../utils/identityScale"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _scale = require("../utils/scale");
 const {
   isNil,
   isString,
-  uniq
+  uniq,
+  extent
 } = _l7Utils.lodashUtil;
 const dateRegex = /^(?:(?!0000)[0-9]{4}([-/.]+)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-/.]?)0?2\2(?:29))(\s+([01]|([01][0-9]|2[0-3])):([0-9]|[0-5][0-9]):([0-9]|[0-5][0-9]))?$/;
 const scaleMap = {
-  [_l7Core.ScaleTypes.LINEAR]: d3.scaleLinear,
-  [_l7Core.ScaleTypes.POWER]: d3.scalePow,
-  [_l7Core.ScaleTypes.LOG]: d3.scaleLog,
+  [_l7Core.ScaleTypes.LINEAR]: _scale.scaleLinear,
+  [_l7Core.ScaleTypes.POWER]: _scale.scalePow,
+  [_l7Core.ScaleTypes.LOG]: _scale.scaleLog,
   [_l7Core.ScaleTypes.IDENTITY]: _identityScale.default,
-  [_l7Core.ScaleTypes.SEQUENTIAL]: d3.scaleSequential,
-  [_l7Core.ScaleTypes.TIME]: d3.scaleTime,
-  [_l7Core.ScaleTypes.QUANTILE]: d3.scaleQuantile,
-  [_l7Core.ScaleTypes.QUANTIZE]: d3.scaleQuantize,
-  [_l7Core.ScaleTypes.THRESHOLD]: d3.scaleThreshold,
-  [_l7Core.ScaleTypes.CAT]: d3.scaleOrdinal,
-  [_l7Core.ScaleTypes.DIVERGING]: d3.scaleDiverging
+  [_l7Core.ScaleTypes.SEQUENTIAL]: _scale.scaleSequential,
+  [_l7Core.ScaleTypes.TIME]: _scale.scaleTime,
+  [_l7Core.ScaleTypes.QUANTILE]: _scale.scaleQuantile,
+  [_l7Core.ScaleTypes.QUANTIZE]: _scale.scaleQuantize,
+  [_l7Core.ScaleTypes.THRESHOLD]: _scale.scaleThreshold,
+  [_l7Core.ScaleTypes.CAT]: _scale.scaleOrdinal,
+  [_l7Core.ScaleTypes.DIVERGING]: _scale.scaleDiverging
 };
 /**
  * 根据 Source 原始数据为指定字段创建 Scale，保存在 StyleAttribute 上，供下游插件使用
@@ -108,7 +105,6 @@ class FeatureScalePlugin {
       if (attribute.scale) {
         // 创建Scale
         const attributeScale = attribute.scale;
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const fieldValue = attribute.scale.field;
         attributeScale.names = this.parseFields(isNil(fieldValue) ? [] : fieldValue);
         const scales = [];
@@ -150,7 +146,7 @@ class FeatureScalePlugin {
                 case _l7Core.ScaleTypes.SEQUENTIAL:
                   scale.scale.interpolator(
                   // @ts-ignore
-                  d3interpolate.interpolateRgbBasis(attributeScale.values));
+                  (0, _l7Utils.interpolateRgbBasis)(attributeScale.values));
                   break;
               }
             }
@@ -207,16 +203,15 @@ class FeatureScalePlugin {
       if (scaleOption && scaleOption.type) {
         styleScale.scale = this.createDefaultScale(scaleOption);
       } else {
-        styleScale.scale = d3.scaleOrdinal([field]);
+        styleScale.scale = (0, _scale.scaleOrdinal)([field]);
         styleScale.type = _l7Core.StyleScaleType.CONSTANT;
       }
       return styleScale;
     }
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     const firstValue = (_find = data.find(d => !isNil(d[field]))) === null || _find === void 0 ? void 0 : _find[field];
     // 常量 Scale
     if (this.isNumber(field) || isNil(firstValue) && !scaleOption) {
-      styleScale.scale = d3.scaleOrdinal([field]);
+      styleScale.scale = (0, _scale.scaleOrdinal)([field]);
       styleScale.type = _l7Core.StyleScaleType.CONSTANT;
     } else {
       // 根据数据类型判断 默认等分位，时间，和枚举类型
@@ -228,6 +223,10 @@ class FeatureScalePlugin {
       if (values === undefined) {
         type = _l7Core.ScaleTypes.IDENTITY;
       }
+      if (name === 'color' && Array.isArray(values) && values.length && values.every(value => isString(value)) && (type === _l7Core.ScaleTypes.LINEAR || type === _l7Core.ScaleTypes.POWER || type === _l7Core.ScaleTypes.LOG)) {
+        // Color ramps should use interpolated scales to avoid numeric-only ranges.
+        type = _l7Core.ScaleTypes.SEQUENTIAL;
+      }
       const cfg = this.createScaleConfig(type, field, scaleOption, data);
       styleScale.scale = this.createDefaultScale(cfg);
       styleScale.option = cfg;
@@ -265,12 +264,12 @@ class FeatureScalePlugin {
     } else if (type === _l7Core.ScaleTypes.QUANTILE) {
       cfg.domain = values;
     } else if (type === _l7Core.ScaleTypes.DIVERGING) {
-      const minMax = (0, _d3Array.extent)(values);
+      const minMax = extent(values);
       const neutral = (scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.neutral) !== undefined ? scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.neutral : (minMax[0] + minMax[1]) / 2;
       cfg.domain = [minMax[0], neutral, minMax[1]];
     } else {
       // linear/Power/log
-      cfg.domain = (0, _d3Array.extent)(values);
+      cfg.domain = extent(values);
     }
     return cfg;
   }

package/lib/plugins/ShaderUniformPlugin.js

@@ -38,7 +38,7 @@ class ShaderUniformPlugin {
     let uniformBuffer;
     if (!this.rendererService.uniformBuffers[0]) {
       // Create a Uniform Buffer Object(UBO).
-      // Size calculation: 4 mat4 (64) + 1 vec4 (4) + 4 vec3->vec4 (16) + 3 vec4 packed (12) = 96 floats
+      // Total size: 93 floats, round up to 96 for safety
       uniformBuffer = this.rendererService.createBuffer({
         data: new Float32Array(96),
         isUBO: true,
@@ -111,34 +111,67 @@ class ShaderUniformPlugin {
     const u_ViewportSize = [width, height];
     const u_FocalDistance = this.cameraService.getFocalDistance();
     const u_RelativeOrigin = offset && offset.length >= 2 ? [offset[0], offset[1]] : [0, 0];
-    const data = [...u_ViewMatrix,
-    // 16
-    ...u_ProjectionMatrix,
-    // 16
-    ...u_ViewProjectionMatrix,
-    // 16
-    ...u_ModelMatrix,
-    // 16
-    ...u_ViewportCenterProjection,
-    // 4
-    ...u_PixelsPerDegree,
-    // 4
-    u_Zoom, ...u_PixelsPerDegree2,
-    // 4
-    u_ZoomScale, ...u_PixelsPerMeter,
-    // 4
-    u_CoordinateSystem, ...u_CameraPosition,
-    // 4
-    u_DevicePixelRatio,
-    // 4
-    ...u_ViewportCenter, ...u_ViewportSize,
-    // 4
-    u_FocalDistance,
-    // 1
-    ...u_RelativeOrigin,
-    // 2
-    0 // padding
-    ];
+
+    // Build UBO data array matching GLSL std140 layout
+    // std140 rules:
+    // - mat4: 16-byte aligned, size 64 bytes (16 floats)
+    // - vec4: 16-byte aligned, size 16 bytes (4 floats)
+    // - vec3: 16-byte aligned, size 12 bytes (3 floats) - next member can follow if aligned
+    // - vec2: 8-byte aligned, size 8 bytes (2 floats)
+    // - float: 4-byte aligned, size 4 bytes (1 float)
+    // Key: vec3 only occupies 3 floats, NOT 4. The alignment requirement is for START position.
+    const floats = [];
+
+    // mat4 x 4: each 16 floats, all start at multiples of 4 floats (16-byte aligned)
+    floats.push(...u_ViewMatrix); // floats 0-15
+    floats.push(...u_ProjectionMatrix); // floats 16-31
+    floats.push(...u_ViewProjectionMatrix); // floats 32-47
+    floats.push(...u_ModelMatrix); // floats 48-63
+
+    // vec4: 4 floats, starts at float 64 (64 % 4 = 0 ✓)
+    floats.push(...u_ViewportCenterProjection); // floats 64-67
+
+    // vec3: 3 floats only, starts at float 68 (68 % 4 = 0 ✓)
+    floats.push(...u_PixelsPerDegree); // floats 68-70 (NOT 68-71!)
+
+    // float: starts at float 71, any position is fine for 4-byte alignment
+    floats.push(u_Zoom); // float 71
+
+    // vec3: needs 4-float alignment, 72 % 4 = 0 ✓
+    floats.push(...u_PixelsPerDegree2); // floats 72-74
+
+    // float: starts at float 75
+    floats.push(u_ZoomScale); // float 75
+
+    // vec3: needs 4-float alignment, 76 % 4 = 0 ✓
+    floats.push(...u_PixelsPerMeter); // floats 76-78
+
+    // float: starts at float 79
+    floats.push(u_CoordinateSystem); // float 79
+
+    // vec3: needs 4-float alignment, 80 % 4 = 0 ✓
+    floats.push(...u_CameraPosition); // floats 80-82
+
+    // float: starts at float 83
+    floats.push(u_DevicePixelRatio); // float 83
+
+    // vec2: needs 2-float alignment, 84 % 2 = 0 ✓
+    floats.push(...u_ViewportCenter); // floats 84-85
+
+    // vec2: needs 2-float alignment, 86 % 2 = 0 ✓
+    floats.push(...u_ViewportSize); // floats 86-87
+
+    // float: starts at float 88
+    floats.push(u_FocalDistance); // float 88
+
+    // vec2: needs 2-float alignment, 89 % 2 = 1, NOT aligned!
+    floats.push(0); // padding float 89
+    floats.push(...u_RelativeOrigin); // floats 90-91
+
+    // float u_Reserved3
+    floats.push(0); // float 92
+
+    const data = floats;
     return {
       data,
       uniforms: {

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/polygon/index.js

@@ -26,9 +26,8 @@ class PolygonLayer extends _BaseLayer.default {
     })();
   }
   getModelType() {
-    var _shapeAttribute$scale;
-    const shapeAttribute = this.styleAttributeService.getLayerStyleAttribute('shape');
-    const shape = shapeAttribute === null || shapeAttribute === void 0 || (_shapeAttribute$scale = shapeAttribute.scale) === null || _shapeAttribute$scale === void 0 ? void 0 : _shapeAttribute$scale.field;
+    var _this$shapeOption;
+    const shape = (_this$shapeOption = this.shapeOption) === null || _this$shapeOption === void 0 ? void 0 : _this$shapeOption.field;
     if (shape === 'fill' || !shape) {
       return 'fill';
     } else if (shape === 'extrude') {

package/lib/polygon/models/extrude.js

@@ -144,10 +144,6 @@ class ExtrudeModel extends _BaseModel.default {
     this.textures = [];
   }
   registerBuiltinAttributes() {
-    const bounds = this.layer.getSource().extent;
-    const lngLen = bounds[2] - bounds[0];
-    const latLen = bounds[3] - bounds[1];
-
     // 注册 Position 属性 64 位地位部分，经纬度数据开启双精度，避免大于 22 层级以上出现数据偏移
     this.registerPosition64LowAttribute();
     this.styleAttributeService.registerStyleAttribute({
@@ -164,10 +160,29 @@ class ExtrudeModel extends _BaseModel.default {
         },
         size: 3,
         update: (feature, featureIdx, vertex) => {
-          const lng = vertex[0];
-          const lat = vertex[1];
+          // 当启用 enableRelativeCoordinates 时：
+          // - vertex 是相对坐标（相对于 relativeOrigin 的偏移）
+          // - 需要将相对坐标转换回绝对坐标后，用 originalExtent 计算 UV
+          const originalExtent = this.layer.getOriginalExtent();
+          const relativeOrigin = this.layer.getRelativeOrigin();
+          const isRelativeCoordinates = originalExtent[0] !== 0 || originalExtent[2] !== 0;
+          let lng, lat;
+          let minLng, minLat, maxLng, maxLat;
+          if (isRelativeCoordinates && relativeOrigin) {
+            // 相对坐标模式：转换回绝对坐标
+            lng = vertex[0] + relativeOrigin[0];
+            lat = vertex[1] + relativeOrigin[1];
+            [minLng, minLat, maxLng, maxLat] = originalExtent;
+          } else {
+            // 绝对坐标模式
+            lng = vertex[0];
+            lat = vertex[1];
+            [minLng, minLat, maxLng, maxLat] = this.layer.getSource().extent;
+          }
+          const lngLen = maxLng - minLng;
+          const latLen = maxLat - minLat;
           // 临时 兼容高德V2
-          return [(lng - bounds[0]) / lngLen, (lat - bounds[1]) / latLen, vertex[4]];
+          return [(lng - minLng) / lngLen, (lat - minLat) / latLen, vertex[4]];
         }
       }
     });

package/lib/polygon/models/ocean.js

@@ -92,10 +92,6 @@ class OceanModel extends _BaseModel.default {
     (_this$texture3 = this.texture3) === null || _this$texture3 === void 0 || _this$texture3.destroy();
   }
   registerBuiltinAttributes() {
-    const bbox = this.layer.getSource().extent;
-    const [minLng, minLat, maxLng, maxLat] = bbox;
-    const lngLen = maxLng - minLng;
-    const latLen = maxLat - minLat;
     this.styleAttributeService.registerStyleAttribute({
       name: 'oceanUv',
       type: _l7Core.AttributeType.Attribute,
@@ -103,14 +99,29 @@ class OceanModel extends _BaseModel.default {
         name: 'a_uv',
         shaderLocation: this.attributeLocation.UV,
         buffer: {
-          // give the WebGL driver a hint that this buffer may change
           usage: _l7Core.gl.STATIC_DRAW,
           data: [],
           type: _l7Core.gl.FLOAT
         },
         size: 2,
         update: (feature, featureIdx, vertex) => {
-          const [lng, lat] = vertex;
+          // 当启用 enableRelativeCoordinates 时：需要将相对坐标转换回绝对坐标
+          const originalExtent = this.layer.getOriginalExtent();
+          const relativeOrigin = this.layer.getRelativeOrigin();
+          const isRelativeCoordinates = originalExtent[0] !== 0 || originalExtent[2] !== 0;
+          let lng, lat;
+          let minLng, minLat, maxLng, maxLat;
+          if (isRelativeCoordinates && relativeOrigin) {
+            lng = vertex[0] + relativeOrigin[0];
+            lat = vertex[1] + relativeOrigin[1];
+            [minLng, minLat, maxLng, maxLat] = originalExtent;
+          } else {
+            lng = vertex[0];
+            lat = vertex[1];
+            [minLng, minLat, maxLng, maxLat] = this.layer.getSource().extent;
+          }
+          const lngLen = maxLng - minLng;
+          const latLen = maxLat - minLat;
           return [(lng - minLng) / lngLen, (lat - minLat) / latLen];
         }
       }

package/lib/polygon/models/water.js

@@ -85,10 +85,6 @@ class WaterModel extends _BaseModel.default {
     (_this$texture = this.texture) === null || _this$texture === void 0 || _this$texture.destroy();
   }
   registerBuiltinAttributes() {
-    const bbox = this.layer.getSource().extent;
-    const [minLng, minLat, maxLng, maxLat] = bbox;
-    const lngLen = maxLng - minLng;
-    const latLen = maxLat - minLat;
     this.styleAttributeService.registerStyleAttribute({
       name: 'waterUv',
       type: _l7Core.AttributeType.Attribute,
@@ -96,14 +92,29 @@ class WaterModel extends _BaseModel.default {
         name: 'a_uv',
         shaderLocation: this.attributeLocation.UV,
         buffer: {
-          // give the WebGL driver a hint that this buffer may change
           usage: _l7Core.gl.STATIC_DRAW,
           data: [],
           type: _l7Core.gl.FLOAT
         },
         size: 2,
         update: (feature, featureIdx, vertex) => {
-          const [lng, lat] = vertex;
+          // 当启用 enableRelativeCoordinates 时：需要将相对坐标转换回绝对坐标
+          const originalExtent = this.layer.getOriginalExtent();
+          const relativeOrigin = this.layer.getRelativeOrigin();
+          const isRelativeCoordinates = originalExtent[0] !== 0 || originalExtent[2] !== 0;
+          let lng, lat;
+          let minLng, minLat, maxLng, maxLat;
+          if (isRelativeCoordinates && relativeOrigin) {
+            lng = vertex[0] + relativeOrigin[0];
+            lat = vertex[1] + relativeOrigin[1];
+            [minLng, minLat, maxLng, maxLat] = originalExtent;
+          } else {
+            lng = vertex[0];
+            lat = vertex[1];
+            [minLng, minLat, maxLng, maxLat] = this.layer.getSource().extent;
+          }
+          const lngLen = maxLng - minLng;
+          const latLen = maxLat - minLat;
           return [(lng - minLng) / lngLen, (lat - minLat) / latLen];
         }
       }

package/lib/tile/core/BaseLayer.d.ts

@@ -14,7 +14,10 @@ export default class BaseTileLayer {
     initedTileset: boolean;
     protected lastViewStates: {
         zoom: number;
-        latLonBounds: [number, number, number, number];
+        minLng: number;
+        minLat: number;
+        maxLng: number;
+        maxLat: number;
     };
     constructor(parent: ILayer);
     protected initTileSetManager(): void;