@antv/l7-layers 2.21.10 → 2.21.11-beta.0

package/es/citybuliding/models/build.d.ts

@@ -1,6 +1,22 @@
 import type { IModel } from '@antv/l7-core';
 import BaseModel from '../../core/BaseModel';
 export default class CityBuildModel extends BaseModel {
+    protected get attributeLocation(): {
+        readonly POSITION: 0;
+        readonly POSITION_64LOW: 1;
+        readonly COLOR: 2;
+        readonly PICKING_COLOR: 3;
+        readonly STROKE: 4;
+        readonly OPACITY: 5;
+        readonly OFFSETS: 6;
+        readonly ROTATION: 7;
+        readonly MAX: 8;
+    } & Record<string, number> & {
+        MAX: 8;
+        SIZE: number;
+        NORMAL: number;
+        UV: number;
+    };
     private cityCenter;
     private cityMinSize;
     protected getCommonUniformsInfo(): {

package/es/citybuliding/models/build.js

@@ -3,18 +3,25 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { AttributeType, gl } from '@antv/l7-core';
 import { rgb2arr } from '@antv/l7-utils';
 import BaseModel from "../../core/BaseModel";
-import { ShaderLocation } from "../../core/CommonStyleAttribute";
 import { PolygonExtrudeTriangulation } from "../../core/triangulation";
 /* babel-plugin-inline-import '../shaders/build_frag.glsl' */
-const buildFrag = "precision highp float;\nlayout(std140) uniform commonUniforms {\n  vec4 u_baseColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_brightColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_windowColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_circleSweepColor;\n  vec2 u_cityCenter;\n  float u_circleSweep;\n  float u_cityMinSize;\n  float u_circleSweepSpeed;\n  float u_opacity: 1.0;\n  float u_near : 0;\n  float u_far : 1;\n  float u_time;\n};\nin vec4 v_Color;\nin vec2 v_texCoord;\nin float v_worldDis;\nout vec4 outputColor;\n\n#pragma include \"picking\"\n#pragma include \"scene_uniforms\"\n\nvec3 getWindowColor(float n, float hot, vec3 brightColor, vec3 darkColor) {\n    float s = step(hot, n);\n    vec3 color = mix(brightColor,vec3(0.9,0.9,1.0),n);\n\n    return mix(darkColor, color, s);\n}\nfloat random (vec2 st) {\n    return fract(sin(dot(st.xy, vec2(12.9898,78.233)))* 43758.5453123);\n}\n\nfloat LinearizeDepth()\n{\n    float z = gl_FragCoord.z * 2.0 - 1.0;\n    return (2.0 * u_near * u_far) / (u_far + u_near - z * (u_far - u_near));\n}\n\nvec3 fog(vec3 color, vec3 fogColor, float depth){\n    float fogFactor=clamp(depth,0.0,1.0);\n    vec3 output_color=mix(fogColor,color,fogFactor);\n    return output_color;\n}\n\nfloat sdRect(vec2 p, vec2 sz) {\n  vec2 d = abs(p) - sz;\n  float outside = length(max(d, 0.));\n  float inside = min(max(d.x, d.y), 0.);\n  return outside + inside;\n}\n\nvoid main() {\n  outputColor = v_Color;\n  vec3 baseColor = u_baseColor.xyz;\n  vec3 brightColor = u_brightColor.xyz;\n  vec3 windowColor = u_windowColor.xyz;\n  float targetColId = 5.;\n  float depth = 1.0 - LinearizeDepth() / u_far * u_Zoom;\n  vec3 fogColor = vec3(23.0/255.0,31.0/255.0,51.0/255.0);\n  if(v_texCoord.x < 0.) { //\u9876\u90E8\u989C\u8272\n       vec3 foggedColor = fog(baseColor.xyz + vec3(0.12*0.9,0.2*0.9,0.3*0.9),fogColor,depth);\n       outputColor = vec4( foggedColor, v_Color.w);\n  }else { // \u4FA7\u9762\u989C\u8272\n        vec2 st = v_texCoord;\n        vec2  UvScale = v_texCoord;\n        float tStep = min(0.08,max(0.05* (18.0-u_Zoom),0.02));\n        float tStart = 0.25 * tStep;\n        float tEnd = 0.75 * tStep;\n        float u = mod(UvScale.x, tStep);\n        float v = mod(UvScale.y, tStep);\n        float ux = floor(UvScale.x/tStep);\n        float uy = floor(UvScale.y/tStep);\n        float n = random(vec2(ux,uy));\n        float lightP = u_time;\n        float head = 1.0- step(0.005,st.y);\n        /*step3*/\n        // \u5C06\u7A97\u6237\u989C\u8272\u548C\u5899\u9762\u989C\u8272\u533A\u522B\u5F00\u6765\n        float sU = step(tStart, u) - step(tEnd, u);\n        float sV = step(tStart, v) - step(tEnd, v);\n        vec2 windowSize = vec2(abs(tEnd-tStart),abs(tEnd-tStart));\n        float dist = sdRect(vec2(u,v), windowSize);\n        float s = sU * sV;\n\n        float curColId = floor(UvScale.x / tStep);\n        float sCol = step(targetColId - 0.2, curColId) - step(targetColId + 0.2, curColId);\n\n        float mLightP = mod(lightP, 2.);\n        float sRow = step(mLightP - 0.2, st.y) - step(mLightP, st.y);\n        if(ux == targetColId){\n            n =0.;\n        }\n        float timeP = min(0.75, abs ( sin(u_time/3.0) ) );\n        float hot = smoothstep(1.0,0.0,timeP);\n        vec3 color = mix(baseColor, getWindowColor(n,hot,brightColor,windowColor), s);\n        //vec3 color = mix(baseColor, getWindowColor(n,hot,brightColor,windowColor), 1.0);\n        float sFinal = s * sCol * sRow;\n        color += mix(baseColor, brightColor, sFinal*n);\n        if (st.y<0.01){\n        color = baseColor;\n         }\n        if(head ==1.0) { // \u9876\u90E8\u4EAE\u7EBF\n            color = brightColor;\n        }\n        color = color * v_Color.rgb;\n\n        vec3 foggedColor = fog(color,fogColor,depth);\n\n        outputColor = vec4(foggedColor,1.0);\n  }\n\n\n  if(u_circleSweep > 0.0 && v_worldDis < u_cityMinSize) {\n    float r = fract(((v_worldDis/u_cityMinSize) - u_time * u_circleSweepSpeed) * 2.0);\n    outputColor.rgb += r * r * u_circleSweepColor.rgb;\n  }\n   \n  outputColor.a *= u_opacity;\n  outputColor = filterColor(outputColor);\n}\n";
+const buildFrag = "precision highp float;\nlayout(std140) uniform commonUniforms {\n  vec4 u_baseColor: [ 1.0, 0, 0, 1.0 ];\n  vec4 u_brightColor: [ 1.0, 0, 0, 1.0 ];\n  vec4 u_windowColor: [ 1.0, 0, 0, 1.0 ];\n  vec4 u_circleSweepColor;\n  vec2 u_cityCenter;\n  float u_circleSweep;\n  float u_cityMinSize;\n  float u_circleSweepSpeed;\n  float u_opacity: 1.0;\n  float u_near: 0;\n  float u_far: 1;\n  float u_time;\n};\nin vec4 v_Color;\nin vec2 v_texCoord;\nin float v_worldDis;\nout vec4 outputColor;\n\n#pragma include \"picking\"\n#pragma include \"scene_uniforms\"\n\nvec3 getWindowColor(float n, float hot, vec3 brightColor, vec3 darkColor) {\n    float s = step(hot, n);\n    vec3 color = mix(brightColor,vec3(0.9,0.9,1.0),n);\n\n    return mix(darkColor, color, s);\n}\nfloat random (vec2 st) {\n    return fract(sin(dot(st.xy, vec2(12.9898,78.233)))* 43758.5453123);\n}\n\nfloat LinearizeDepth()\n{\n    float z = gl_FragCoord.z * 2.0 - 1.0;\n    return (2.0 * u_near * u_far) / (u_far + u_near - z * (u_far - u_near));\n}\n\nvec3 fog(vec3 color, vec3 fogColor, float depth){\n    float fogFactor=clamp(depth,0.0,1.0);\n    vec3 output_color=mix(fogColor,color,fogFactor);\n    return output_color;\n}\n\nfloat sdRect(vec2 p, vec2 sz) {\n  vec2 d = abs(p) - sz;\n  float outside = length(max(d, 0.));\n  float inside = min(max(d.x, d.y), 0.);\n  return outside + inside;\n}\n\nvoid main() {\n  outputColor = v_Color;\n  vec3 baseColor = u_baseColor.xyz;\n  vec3 brightColor = u_brightColor.xyz;\n  vec3 windowColor = u_windowColor.xyz;\n  float targetColId = 5.;\n  float depth = 1.0 - LinearizeDepth() / u_far * u_Zoom;\n  vec3 fogColor = vec3(23.0/255.0,31.0/255.0,51.0/255.0);\n  if(v_texCoord.x < 0.) { //\u9876\u90E8\u989C\u8272\n       vec3 foggedColor = fog(baseColor.xyz + vec3(0.12*0.9,0.2*0.9,0.3*0.9),fogColor,depth);\n       outputColor = vec4( foggedColor, v_Color.w);\n  }else { // \u4FA7\u9762\u989C\u8272\n        vec2 st = v_texCoord;\n        vec2  UvScale = v_texCoord;\n        float tStep = min(0.08,max(0.05* (18.0-u_Zoom),0.02));\n        float tStart = 0.25 * tStep;\n        float tEnd = 0.75 * tStep;\n        float u = mod(UvScale.x, tStep);\n        float v = mod(UvScale.y, tStep);\n        float ux = floor(UvScale.x/tStep);\n        float uy = floor(UvScale.y/tStep);\n        float n = random(vec2(ux,uy));\n        float lightP = u_time;\n        float head = 1.0- step(0.005,st.y);\n        /*step3*/\n        // \u5C06\u7A97\u6237\u989C\u8272\u548C\u5899\u9762\u989C\u8272\u533A\u522B\u5F00\u6765\n        float sU = step(tStart, u) - step(tEnd, u);\n        float sV = step(tStart, v) - step(tEnd, v);\n        vec2 windowSize = vec2(abs(tEnd-tStart),abs(tEnd-tStart));\n        float dist = sdRect(vec2(u,v), windowSize);\n        float s = sU * sV;\n\n        float curColId = floor(UvScale.x / tStep);\n        float sCol = step(targetColId - 0.2, curColId) - step(targetColId + 0.2, curColId);\n\n        float mLightP = mod(lightP, 2.);\n        float sRow = step(mLightP - 0.2, st.y) - step(mLightP, st.y);\n        if(ux == targetColId){\n            n =0.;\n        }\n        float timeP = min(0.75, abs ( sin(u_time/3.0) ) );\n        float hot = smoothstep(1.0,0.0,timeP);\n        vec3 color = mix(baseColor, getWindowColor(n,hot,brightColor,windowColor), s);\n        //vec3 color = mix(baseColor, getWindowColor(n,hot,brightColor,windowColor), 1.0);\n        float sFinal = s * sCol * sRow;\n        color += mix(baseColor, brightColor, sFinal*n);\n        if (st.y<0.01){\n        color = baseColor;\n         }\n        if(head ==1.0) { // \u9876\u90E8\u4EAE\u7EBF\n            color = brightColor;\n        }\n        color = color * v_Color.rgb;\n\n        vec3 foggedColor = fog(color,fogColor,depth);\n\n        outputColor = vec4(foggedColor,1.0);\n  }\n\n\n  if(u_circleSweep > 0.0 && v_worldDis < u_cityMinSize) {\n    float r = fract(((v_worldDis/u_cityMinSize) - u_time * u_circleSweepSpeed) * 2.0);\n    outputColor.rgb += r * r * u_circleSweepColor.rgb;\n  }\n\n  outputColor.a *= u_opacity;\n  outputColor = filterColor(outputColor);\n}\n";
 /* babel-plugin-inline-import '../shaders/build_vert.glsl' */
-const buildVert = "precision highp float;\n\n#define ambientRatio 0.5\n#define diffuseRatio 0.3\n#define specularRatio 0.2\n\nlayout(location = 0) in vec3 a_Position;\nlayout(location = 1) in vec4 a_Color;\nlayout(location = 9) in float a_Size;\nlayout(location = 13) in vec3 a_Normal;\nlayout(location = 14) in vec2 a_Uv;\n\nout vec2 v_texCoord;\nout vec4 v_Color;\nout float v_worldDis;\n\nlayout(std140) uniform commonUniforms {\n  vec4 u_baseColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_brightColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_windowColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_circleSweepColor;\n  vec2 u_cityCenter;\n  float u_circleSweep;\n  float u_cityMinSize;\n  float u_circleSweepSpeed;\n  float u_opacity: 1.0;\n  float u_near : 0;\n  float u_far : 1;\n  float u_time;\n};\n#pragma include \"projection\"\n#pragma include \"light\"\n#pragma include \"picking\"\n\n\nvoid main() {\n  vec4 pos = vec4(a_Position.xy, a_Position.z * a_Size, 1.0);\n  vec4 project_pos = project_position(pos);\n\n   v_texCoord = a_Uv;\n\n  if(u_circleSweep > 0.0) {\n     vec2 lnglatscale = vec2(0.0);\n    if(u_CoordinateSystem != COORDINATE_SYSTEM_P20_2) {\n      lnglatscale = (a_Position.xy - u_cityCenter) * vec2(0.0, 0.135);\n    }\n    v_worldDis = length(a_Position.xy + lnglatscale - u_cityCenter);\n  }\n \n  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n    gl_Position = u_Mvp * (vec4(project_pos.xyz, 1.0));\n  } else {\n    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));\n  }\n\n  float lightWeight = calc_lighting(pos);\n  // v_Color = a_Color;\n  v_Color = vec4(a_Color.rgb * lightWeight, a_Color.w);\n\n  setPickingColor(a_PickingColor);\n}\n";
+const buildVert = "precision highp float;\n\n#define ambientRatio 0.5\n#define diffuseRatio 0.3\n#define specularRatio 0.2\n\nlayout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;\nlayout(location = ATTRIBUTE_LOCATION_COLOR) in vec4 a_Color;\nlayout(location = ATTRIBUTE_LOCATION_SIZE) in float a_Size;\nlayout(location = ATTRIBUTE_LOCATION_NORMAL) in vec3 a_Normal;\nlayout(location = ATTRIBUTE_LOCATION_UV) in vec2 a_Uv;\n\nout vec2 v_texCoord;\nout vec4 v_Color;\nout float v_worldDis;\n\nlayout(std140) uniform commonUniforms {\n  vec4 u_baseColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_brightColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_windowColor : [ 1.0, 0, 0, 1.0 ];\n  vec4 u_circleSweepColor;\n  vec2 u_cityCenter;\n  float u_circleSweep;\n  float u_cityMinSize;\n  float u_circleSweepSpeed;\n  float u_opacity: 1.0;\n  float u_near : 0;\n  float u_far : 1;\n  float u_time;\n};\n#pragma include \"projection\"\n#pragma include \"light\"\n#pragma include \"picking\"\n\n\nvoid main() {\n  vec4 pos = vec4(a_Position.xy, a_Position.z * a_Size, 1.0);\n  vec4 project_pos = project_position(pos);\n\n   v_texCoord = a_Uv;\n\n  if(u_circleSweep > 0.0) {\n     vec2 lnglatscale = vec2(0.0);\n    lnglatscale = (a_Position.xy - u_cityCenter) * vec2(0.0, 0.135);\n    v_worldDis = length(a_Position.xy + lnglatscale - u_cityCenter);\n  }\n\n  gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));\n\n  float lightWeight = calc_lighting(pos);\n  // v_Color = a_Color;\n  v_Color = vec4(a_Color.rgb * lightWeight, a_Color.w);\n\n  setPickingColor(a_PickingColor);\n}\n";
 export default class CityBuildModel extends BaseModel {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "cityCenter", void 0);
     _defineProperty(this, "cityMinSize", void 0);
   }
+  get attributeLocation() {
+    return Object.assign(super.attributeLocation, {
+      MAX: super.attributeLocation.MAX,
+      SIZE: 9,
+      NORMAL: 10,
+      UV: 11
+    });
+  }
   getCommonUniformsInfo() {
     const {
       opacity = 1,
@@ -50,20 +57,10 @@ export default class CityBuildModel extends BaseModel {
   calCityGeo() {
     // @ts-ignore
     const [minLng, minLat, maxLng, maxLat] = this.layer.getSource().extent;
-    if (this.mapService.version === 'GAODE2.x') {
-      // @ts-ignore
-      this.cityCenter = this.mapService.lngLatToCoord([(maxLng + minLng) / 2, (maxLat + minLat) / 2]);
-      // @ts-ignore
-      const l1 = this.mapService.lngLatToCoord([maxLng, maxLat]);
-      // @ts-ignore
-      const l2 = this.mapService.lngLatToCoord([minLng, minLat]);
-      this.cityMinSize = Math.sqrt(Math.pow(l1[0] - l2[0], 2) + Math.pow(l1[1] - l2[1], 2)) / 4;
-    } else {
-      const w = maxLng - minLng;
-      const h = maxLat - minLat;
-      this.cityCenter = [(maxLng + minLng) / 2, (maxLat + minLat) / 2];
-      this.cityMinSize = Math.sqrt(Math.pow(w, 2) + Math.pow(h, 2)) / 4;
-    }
+    const w = maxLng - minLng;
+    const h = maxLat - minLat;
+    this.cityCenter = [(maxLng + minLng) / 2, (maxLat + minLat) / 2];
+    this.cityMinSize = Math.sqrt(Math.pow(w, 2) + Math.pow(h, 2)) / 4;
   }
   initModels() {
     var _this = this;
@@ -85,6 +82,7 @@ export default class CityBuildModel extends BaseModel {
         depth: {
           enable: true
         },
+        defines: _this2.getDefines(),
         inject: _this2.getInject(),
         cull: {
           enable: true,
@@ -101,7 +99,7 @@ export default class CityBuildModel extends BaseModel {
       type: AttributeType.Attribute,
       descriptor: {
         name: 'a_Normal',
-        shaderLocation: ShaderLocation.NORMAL,
+        shaderLocation: this.attributeLocation.NORMAL,
         buffer: {
           // give the WebGL driver a hint that this buffer may change
           usage: gl.STATIC_DRAW,
@@ -119,7 +117,7 @@ export default class CityBuildModel extends BaseModel {
       type: AttributeType.Attribute,
       descriptor: {
         name: 'a_Size',
-        shaderLocation: ShaderLocation.SIZE,
+        shaderLocation: this.attributeLocation.SIZE,
         buffer: {
           // give the WebGL driver a hint that this buffer may change
           usage: gl.DYNAMIC_DRAW,
@@ -140,7 +138,7 @@ export default class CityBuildModel extends BaseModel {
       type: AttributeType.Attribute,
       descriptor: {
         name: 'a_Uv',
-        shaderLocation: ShaderLocation.UV,
+        shaderLocation: this.attributeLocation.UV,
         buffer: {
           // give the WebGL driver a hint that this buffer may change
           usage: gl.DYNAMIC_DRAW,

package/es/citybuliding/shaders/build_frag.glsl

@@ -1,16 +1,16 @@
 precision highp float;
 layout(std140) uniform commonUniforms {
-  vec4 u_baseColor : [ 1.0, 0, 0, 1.0 ];
-  vec4 u_brightColor : [ 1.0, 0, 0, 1.0 ];
-  vec4 u_windowColor : [ 1.0, 0, 0, 1.0 ];
+  vec4 u_baseColor: [ 1.0, 0, 0, 1.0 ];
+  vec4 u_brightColor: [ 1.0, 0, 0, 1.0 ];
+  vec4 u_windowColor: [ 1.0, 0, 0, 1.0 ];
   vec4 u_circleSweepColor;
   vec2 u_cityCenter;
   float u_circleSweep;
   float u_cityMinSize;
   float u_circleSweepSpeed;
   float u_opacity: 1.0;
-  float u_near : 0;
-  float u_far : 1;
+  float u_near: 0;
+  float u_far: 1;
   float u_time;
 };
 in vec4 v_Color;
@@ -114,7 +114,7 @@ void main() {
     float r = fract(((v_worldDis/u_cityMinSize) - u_time * u_circleSweepSpeed) * 2.0);
     outputColor.rgb += r * r * u_circleSweepColor.rgb;
   }
-   
+
   outputColor.a *= u_opacity;
   outputColor = filterColor(outputColor);
 }

package/es/citybuliding/shaders/build_vert.glsl

@@ -4,11 +4,11 @@ precision highp float;
 #define diffuseRatio 0.3
 #define specularRatio 0.2
 
-layout(location = 0) in vec3 a_Position;
-layout(location = 1) in vec4 a_Color;
-layout(location = 9) in float a_Size;
-layout(location = 13) in vec3 a_Normal;
-layout(location = 14) in vec2 a_Uv;
+layout(location = ATTRIBUTE_LOCATION_POSITION) in vec3 a_Position;
+layout(location = ATTRIBUTE_LOCATION_COLOR) in vec4 a_Color;
+layout(location = ATTRIBUTE_LOCATION_SIZE) in float a_Size;
+layout(location = ATTRIBUTE_LOCATION_NORMAL) in vec3 a_Normal;
+layout(location = ATTRIBUTE_LOCATION_UV) in vec2 a_Uv;
 
 out vec2 v_texCoord;
 out vec4 v_Color;
@@ -41,17 +41,11 @@ void main() {
 
   if(u_circleSweep > 0.0) {
      vec2 lnglatscale = vec2(0.0);
-    if(u_CoordinateSystem != COORDINATE_SYSTEM_P20_2) {
-      lnglatscale = (a_Position.xy - u_cityCenter) * vec2(0.0, 0.135);
-    }
+    lnglatscale = (a_Position.xy - u_cityCenter) * vec2(0.0, 0.135);
     v_worldDis = length(a_Position.xy + lnglatscale - u_cityCenter);
   }
- 
-  if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x
-    gl_Position = u_Mvp * (vec4(project_pos.xyz, 1.0));
-  } else {
-    gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));
-  }
+
+  gl_Position = project_common_position_to_clipspace(vec4(project_pos.xyz, 1.0));
 
   float lightWeight = calc_lighting(pos);
   // v_Color = a_Color;

package/es/core/BaseLayer.d.ts

@@ -237,7 +237,6 @@ export default class BaseLayer<ChildLayerStyleOptions = {}> extends EventEmitter
     protected getDefaultConfig(): {};
     protected sourceEvent: () => void;
     protected initLayerModels(): Promise<void>;
-    getLayerUniformBuffer(): IBuffer;
     getPickingUniformBuffer(): IBuffer;
     protected reRender(): void;
     protected splitValuesAndCallbackInAttribute(valuesOrCallback?: unknown[]): {

package/es/core/BaseLayer.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["passes"],
-  _excluded2 = ["moduleName", "vertexShader", "fragmentShader", "inject", "triangulation", "styleOption", "pickingEnabled"];
+  _excluded2 = ["moduleName", "vertexShader", "fragmentShader", "defines", "inject", "triangulation", "styleOption", "pickingEnabled"];
 // @ts-ignore
 import { AsyncSeriesBailHook, AsyncWaterfallHook, SyncBailHook, SyncHook } from '@antv/async-hook';
 import { BlendType, IDebugLog, ILayerStage, globalConfigService } from '@antv/l7-core';
@@ -58,7 +58,8 @@ export default class BaseLayer extends EventEmitter {
     return this.container.interactionService;
   }
   get mapService() {
-    return this.container.mapService;
+    var _this$container;
+    return (_this$container = this.container) === null || _this$container === void 0 ? void 0 : _this$container.mapService;
   }
   get normalPassFactory() {
     return this.container.normalPassFactory;
@@ -918,12 +919,8 @@ export default class BaseLayer extends EventEmitter {
       type
     }) => {
       if (this.coordCenter === undefined) {
-        var _this$mapService;
         const layerCenter = this.layerSource.center;
         this.coordCenter = layerCenter;
-        if ((_this$mapService = this.mapService) !== null && _this$mapService !== void 0 && _this$mapService.setCoordCenter) {
-          this.mapService.setCoordCenter(layerCenter);
-        }
       }
       if (type === 'update') {
         if (this.tileLayer) {
@@ -1017,6 +1014,7 @@ export default class BaseLayer extends EventEmitter {
           moduleName,
           vertexShader,
           fragmentShader,
+          defines,
           inject,
           triangulation,
           styleOption,
@@ -1026,6 +1024,7 @@ export default class BaseLayer extends EventEmitter {
       _this3.shaderModuleService.registerModule(moduleName, {
         vs: vertexShader,
         fs: fragmentShader,
+        defines,
         inject
       });
       const {
@@ -1042,7 +1041,7 @@ export default class BaseLayer extends EventEmitter {
           elements,
           count
         } = _this3.styleAttributeService.createAttributesAndIndices(_this3.encodedData, triangulation, styleOption, _this3);
-        const uniformBuffers = [..._this3.layerModel.uniformBuffers, ..._this3.rendererService.uniformBuffers, _this3.getLayerUniformBuffer()];
+        const uniformBuffers = [..._this3.layerModel.uniformBuffers, ..._this3.rendererService.uniformBuffers];
         if (pickingEnabled) {
           uniformBuffers.push(_this3.getPickingUniformBuffer());
         }
@@ -1225,28 +1224,19 @@ export default class BaseLayer extends EventEmitter {
         buffer.destroy();
       });
       _this5.uniformBuffers = [];
-      // Layer Uniform
-      const layerUniforms = _this5.rendererService.createBuffer({
-        data: new Float32Array(16 + 4).fill(0),
-        // u_Mvp
-        isUBO: true
-      });
-      _this5.uniformBuffers.push(layerUniforms);
 
       // Picking Uniform
       const pickingUniforms = _this5.rendererService.createBuffer({
         data: new Float32Array(20).fill(0),
-        isUBO: true
+        isUBO: true,
+        label: 'pickingUniforms'
       });
       _this5.uniformBuffers.push(pickingUniforms);
       _this5.models = yield _this5.layerModel.initModels();
     })();
   }
-  getLayerUniformBuffer() {
-    return this.uniformBuffers[0];
-  }
   getPickingUniformBuffer() {
-    return this.uniformBuffers[1];
+    return this.uniformBuffers[0];
   }
   reRender() {
     if (this.inited) {

package/es/core/BaseModel.d.ts

@@ -1,4 +1,5 @@
-import type { IAnimateOption, IAttribute, IBlendOptions, IBuffer, ICameraService, IElements, IFontService, IGlobalConfigService, IIconService, IInject, ILayer, ILayerModel, ILayerService, IMapService, IModel, IModelUniform, IPickingService, IRendererService, IRenderOptions, IShaderModuleService, IStencilOptions, IStyleAttributeService, ITexture2D, ITexture2DInitializationOptions, Triangulation } from '@antv/l7-core';
+import type { IAnimateOption, IAttribute, IBlendOptions, IBuffer, ICameraService, IElements, IFontService, IGlobalConfigService, IIconService, ILayer, ILayerModel, ILayerService, IMapService, IModel, IModelUniform, IPickingService, IRenderOptions, IRendererService, IShaderModuleService, IStencilOptions, IStyleAttributeService, ITexture2D, ITexture2DInitializationOptions, ShaderDefine, ShaderInject, Triangulation } from '@antv/l7-core';
+import { COMMON_ATTRIBUTE_LOCATION } from './CommonStyleAttribute';
 export type styleSingle = number | string | [string, (single: any) => number] | [string, [number, number]];
 export type styleOffset = string | [number, number] | [string, (single: any) => number];
 export type styleColor = string | [string, (single: any) => string] | [string, [string, string]];
@@ -11,10 +12,15 @@ export interface ICellProperty {
     attr: string;
     count: number;
 }
+type AttributeLayoutLocationType = typeof COMMON_ATTRIBUTE_LOCATION & Record<string, number>;
 export default class BaseModel<ChildLayerStyleOptions = {}> implements ILayerModel {
     triangulation: Triangulation;
     uniformBuffers: IBuffer[];
     textures: ITexture2D[];
+    /**
+     * Attribute Layout Location in Shader
+     */
+    protected get attributeLocation(): AttributeLayoutLocationType;
     createTexture2D: (options: ITexture2DInitializationOptions) => ITexture2D;
     preStyleAttribute: Record<string, any>;
     protected encodeStyleAttribute: Record<string, boolean>;
@@ -55,11 +61,17 @@ export default class BaseModel<ChildLayerStyleOptions = {}> implements ILayerMod
     protected registerBuiltinAttributes(): void;
     protected animateOption2Array(option: IAnimateOption): number[];
     protected startModelAnimate(): void;
-    protected getInject(): IInject;
+    protected getInject(): ShaderInject;
+    protected getDefines(): Record<string, ShaderDefine>;
     protected getStyleAttribute(): {
         [key: string]: any;
     };
     protected registerStyleAttribute(): void;
+    /**
+     * 注册 Position 属性 64 位地位部分，当经纬度数据开启双精度浮点数使用，
+     * 避免大于 20层级以上出现数据偏移
+     */
+    protected registerPosition64LowAttribute(enable64bitPosition?: boolean): void;
     updateEncodeAttribute(type: string, flag: boolean): void;
     initUniformsBuffer(): void;
     protected getUniformsBufferInfo(uniformsOption: {
@@ -80,3 +92,4 @@ export default class BaseModel<ChildLayerStyleOptions = {}> implements ILayerMod
     };
     updateStyleUnifoms(): void;
 }
+export {};

package/es/core/BaseModel.js

@@ -1,24 +1,27 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { BlendType, MaskOperation, StencilType } from '@antv/l7-core';
-import { rgb2arr } from '@antv/l7-utils';
+import { AttributeType, BlendType, MaskOperation, StencilType, gl } from '@antv/l7-core';
+import { fp64LowPart, rgb2arr } from '@antv/l7-utils';
 import { BlendTypes } from "../utils/blend";
 import { getStencil, getStencilMask } from "../utils/stencil";
-import { getCommonStyleAttributeOptions, ShaderLocation } from "./CommonStyleAttribute";
+import { COMMON_ATTRIBUTE_LOCATION, getCommonStyleAttributeOptions } from "./CommonStyleAttribute";
 import { DefaultUniformStyleType, DefaultUniformStyleValue } from "./constant";
 import { MultipleOfFourNumber } from "./utils";
-const shaderLocationMap = {
-  opacity: ShaderLocation.OPACITY,
-  stroke: ShaderLocation.STROKE,
-  offsets: ShaderLocation.OFFSETS,
-  rotation: ShaderLocation.ROTATION,
-  extrusionBase: ShaderLocation.EXTRUSION_BASE,
-  thetaOffset: 15
-};
+// 属性索引宏定义前缀，使用命名空间避免 define 名称重复情况
+const DEFINE_ATTRIBUTE_LOCATION_PREFIX = 'ATTRIBUTE_LOCATION_';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export default class BaseModel {
+  /**
+   * Attribute Layout Location in Shader
+   */
+  get attributeLocation() {
+    return _objectSpread({}, COMMON_ATTRIBUTE_LOCATION);
+  }
+
+  // style texture data mapping
+
   // 不支持数据映射的buffer
 
   // style texture data mapping
@@ -27,7 +30,6 @@ export default class BaseModel {
     _defineProperty(this, "triangulation", void 0);
     _defineProperty(this, "uniformBuffers", []);
     _defineProperty(this, "textures", []);
-    // style texture data mapping
     _defineProperty(this, "createTexture2D", void 0);
     _defineProperty(this, "preStyleAttribute", {});
     _defineProperty(this, "encodeStyleAttribute", {});
@@ -178,55 +180,18 @@ export default class BaseModel {
       this.layer.setAnimateStartTime();
     }
   }
-
-  // 动态注入参与数据映射的uniform
   getInject() {
-    const encodeStyleAttribute = this.layer.encodeStyleAttribute;
-    let str = '';
-    // a_Position = 0
-    // a_Color = 1
-    // a_PickingColor = 2
-
-    const uniforms = [];
-    // 支持数据映射的类型
-    this.layer.enableShaderEncodeStyles.forEach(key => {
-      if (encodeStyleAttribute[key]) {
-        // 配置了数据映射的类型
-        str += `#define USE_ATTRIBUTE_${key.toUpperCase()} 0.0; \n\n`;
-      } else {
-        uniforms.push(`  ${DefaultUniformStyleType[key]} u_${key};`);
-      }
-      let location = shaderLocationMap[key];
-      if (!location && key === 'THETA_OFFSET') {
-        location = 15;
-      }
-      str += `
-          #ifdef USE_ATTRIBUTE_${key.toUpperCase()}
-          layout(location = ${shaderLocationMap[key]}) in ${DefaultUniformStyleType[key]} a_${key.charAt(0).toUpperCase() + key.slice(1)};
-        #endif\n
-        `;
-    });
-    const attributeUniforms = uniforms.length ? `
-layout(std140) uniform AttributeUniforms {
-${uniforms.join('\n')}
-};
-    ` : '';
-    str += attributeUniforms;
-    let innerStr = '';
-    this.layer.enableShaderEncodeStyles.forEach(key => {
-      innerStr += `\n
-    #ifdef USE_ATTRIBUTE_${key.toUpperCase()}
-      ${DefaultUniformStyleType[key]} ${key}  = a_${key.charAt(0).toUpperCase() + key.slice(1)};
-    #else
-      ${DefaultUniformStyleType[key]} ${key} = u_${key};
-    #endif\n
-    `;
-    });
-    return {
-      'vs:#decl': str,
-      'fs:#decl': attributeUniforms,
-      'vs:#main-start': innerStr
-    };
+    const shaderInject = getDynamicStyleInject(this.layer.enableShaderEncodeStyles, this.layer.encodeStyleAttribute);
+    return shaderInject;
+  }
+  getDefines() {
+    // define atribute Layout Location
+    const atributeLocationDefines = Object.keys(this.attributeLocation).reduce((result, key) => {
+      const normalizedKey = DEFINE_ATTRIBUTE_LOCATION_PREFIX + key;
+      result[normalizedKey] = this.attributeLocation[key];
+      return result;
+    }, {});
+    return _objectSpread({}, atributeLocationDefines);
   }
 
   // 获取数据映射样式
@@ -247,14 +212,36 @@ ${uniforms.join('\n')}
     });
     return options;
   }
+
   // 注册数据映射样式
   registerStyleAttribute() {
     Object.keys(this.layer.encodeStyleAttribute).forEach(key => {
       const options = getCommonStyleAttributeOptions(key);
       if (options) {
         this.styleAttributeService.registerStyleAttribute(options);
-        if (options.descriptor) {
-          options.descriptor.shaderLocation = shaderLocationMap[key];
+      }
+    });
+  }
+
+  /**
+   * 注册 Position 属性 64 位地位部分，当经纬度数据开启双精度浮点数使用，
+   * 避免大于 20层级以上出现数据偏移
+   */
+  registerPosition64LowAttribute(enable64bitPosition = true) {
+    // save low part for enabled double precision POSITION attribute
+    this.styleAttributeService.registerStyleAttribute({
+      name: 'position64Low',
+      type: AttributeType.Attribute,
+      descriptor: {
+        name: 'a_Position64Low',
+        shaderLocation: this.attributeLocation.POSITION_64LOW,
+        buffer: {
+          data: [],
+          type: gl.FLOAT
+        },
+        size: 2,
+        update: (feature, featureIdx, vertex) => {
+          return enable64bitPosition ? [fp64LowPart(vertex[0]), fp64LowPart(vertex[1])] : [0, 0];
         }
       }
     });
@@ -269,14 +256,16 @@ ${uniforms.join('\n')}
       this.attributeUnifoms = this.rendererService.createBuffer({
         data: new Float32Array(MultipleOfFourNumber(attrUniforms.uniformsLength)).fill(0),
         // 长度需要大于等于 4
-        isUBO: true
+        isUBO: true,
+        label: 'layerModelAttributeUnifoms'
       });
       this.uniformBuffers.push(this.attributeUnifoms);
     }
     if (commonUniforms.uniformsLength !== 0) {
       this.commonUnifoms = this.rendererService.createBuffer({
         data: new Float32Array(MultipleOfFourNumber(commonUniforms.uniformsLength)).fill(0),
-        isUBO: true
+        isUBO: true,
+        label: 'layerModelCommonUnifoms'
       });
       this.uniformBuffers.push(this.commonUnifoms);
     }
@@ -330,4 +319,49 @@ ${uniforms.join('\n')}
       data: new Uint8Array(new Float32Array(commonUniformsArray).buffer)
     });
   }
+}
+
+/**
+ * 获取动态注入参与数据映射 uniform/attribute
+ */
+function getDynamicStyleInject(shaderEncodeStyles, styleAttribute) {
+  const uniforms = [];
+  let vsDeclInjection = '';
+
+  // 支持数据映射的类型
+  shaderEncodeStyles.forEach(key => {
+    const upperCaseKey = key.replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase();
+    const shaderDefineName = DEFINE_ATTRIBUTE_LOCATION_PREFIX + upperCaseKey;
+    if (styleAttribute[key]) {
+      // 配置了数据映射的类型
+      vsDeclInjection += `#define USE_ATTRIBUTE_${upperCaseKey} 0.0 \n`;
+    } else {
+      uniforms.push(`  ${DefaultUniformStyleType[key]} u_${key};`);
+    }
+    vsDeclInjection += `
+#ifdef USE_ATTRIBUTE_${upperCaseKey}
+layout(location = ${shaderDefineName}) in ${DefaultUniformStyleType[key]} a_${key.charAt(0).toUpperCase() + key.slice(1)};
+#endif \n`;
+  });
+  const fsDeclInjection = uniforms.length ? `
+layout(std140) uniform AttributeUniforms {
+  ${uniforms.join('\n')}
+};\n` : '';
+  vsDeclInjection += fsDeclInjection;
+  let vsMainInjection = '';
+  shaderEncodeStyles.forEach(key => {
+    const upperCaseKey = key.replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase();
+    vsMainInjection += `
+  #ifdef USE_ATTRIBUTE_${upperCaseKey}
+    ${DefaultUniformStyleType[key]} ${key} = a_${key.charAt(0).toUpperCase() + key.slice(1)};
+  #else
+    ${DefaultUniformStyleType[key]} ${key} = u_${key};
+  #endif
+  `;
+  });
+  return {
+    'vs:#decl': vsDeclInjection,
+    'fs:#decl': fsDeclInjection,
+    'vs:#main-start': vsMainInjection
+  };
 }

package/es/core/CommonStyleAttribute.d.ts

@@ -1,20 +1,16 @@
 import type { IStyleAttribute } from '@antv/l7-core';
-export declare enum ShaderLocation {
-    POSITION = 0,
-    COLOR = 1,
-    VERTEX_ID = 2,
-    PICKING_COLOR = 3,
-    STROKE = 4,
-    OPACITY = 5,
-    OFFSETS = 6,
-    ROTATION = 7,
-    EXTRUSION_BASE = 8,
-    SIZE = 9,
-    SHAPE = 10,
-    EXTRUDE = 11,
-    MAX = 12,
-    NORMAL = 13,
-    UV = 14,
-    LINEAR = 15
-}
+/**
+ * Attribute Layout Location in Shader
+ */
+export declare const COMMON_ATTRIBUTE_LOCATION: {
+    readonly POSITION: 0;
+    readonly POSITION_64LOW: 1;
+    readonly COLOR: 2;
+    readonly PICKING_COLOR: 3;
+    readonly STROKE: 4;
+    readonly OPACITY: 5;
+    readonly OFFSETS: 6;
+    readonly ROTATION: 7;
+    readonly MAX: 8;
+};
 export declare function getCommonStyleAttributeOptions(name: string): Partial<IStyleAttribute> | undefined;