@antv/l7-layers 2.17.3 → 2.17.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Geometry/index.js +31 -9
- package/es/Geometry/models/billboard.js +89 -51
- package/es/Geometry/models/plane.js +143 -81
- package/es/Geometry/models/sprite.js +118 -60
- package/es/canvas/index.js +33 -10
- package/es/canvas/models/canvas.js +97 -41
- package/es/citybuliding/building.js +27 -8
- package/es/citybuliding/models/build.js +82 -57
- package/es/core/BaseLayer.js +478 -313
- package/es/core/BaseModel.js +80 -51
- package/es/core/CommonStyleAttribute.js +5 -2
- package/es/core/LayerPickService.js +32 -21
- package/es/core/TextureService.js +13 -0
- package/es/core/interface.js +24 -17
- package/es/core/shape/Path.js +20 -13
- package/es/core/shape/extrude.js +39 -27
- package/es/core/triangulation.js +136 -99
- package/es/earth/index.js +33 -9
- package/es/earth/models/atmosphere.js +54 -30
- package/es/earth/models/base.js +85 -47
- package/es/earth/models/bloomsphere.js +54 -30
- package/es/earth/utils.js +13 -9
- package/es/heatmap/index.js +40 -10
- package/es/heatmap/models/grid.js +52 -28
- package/es/heatmap/models/grid3d.js +52 -28
- package/es/heatmap/models/heatmap.js +149 -92
- package/es/heatmap/models/hexagon.js +52 -28
- package/es/heatmap/triangulation.js +4 -0
- package/es/image/index.js +28 -9
- package/es/image/models/image.js +100 -66
- package/es/index.js +17 -9
- package/es/line/index.js +35 -9
- package/es/line/models/arc.js +112 -63
- package/es/line/models/arc_3d.js +102 -58
- package/es/line/models/earthArc_3d.js +105 -60
- package/es/line/models/flow.js +60 -36
- package/es/line/models/great_circle.js +94 -53
- package/es/line/models/line.js +136 -85
- package/es/line/models/linearline.js +74 -42
- package/es/line/models/simpleLine.js +67 -38
- package/es/line/models/wall.js +92 -52
- package/es/mask/index.js +28 -9
- package/es/mask/models/fill.js +54 -29
- package/es/plugins/DataMappingPlugin.js +114 -78
- package/es/plugins/DataSourcePlugin.js +68 -45
- package/es/plugins/FeatureScalePlugin.js +122 -67
- package/es/plugins/LayerAnimateStylePlugin.js +5 -0
- package/es/plugins/LayerMaskPlugin.js +11 -3
- package/es/plugins/LayerModelPlugin.js +108 -69
- package/es/plugins/LayerStylePlugin.js +9 -3
- package/es/plugins/LightingPlugin.js +18 -12
- package/es/plugins/MultiPassRendererPlugin.js +16 -11
- package/es/plugins/PixelPickingPlugin.js +21 -12
- package/es/plugins/RegisterStyleAttributePlugin.js +12 -5
- package/es/plugins/ShaderUniformPlugin.js +27 -13
- package/es/plugins/UpdateModelPlugin.js +5 -0
- package/es/plugins/UpdateStyleAttributePlugin.js +11 -5
- package/es/point/index.js +78 -26
- package/es/point/models/earthExtrude.js +95 -58
- package/es/point/models/earthFill.js +80 -52
- package/es/point/models/extrude.js +94 -57
- package/es/point/models/fill.js +81 -56
- package/es/point/models/fillmage.js +100 -60
- package/es/point/models/image.js +83 -47
- package/es/point/models/index.js +2 -2
- package/es/point/models/normal.js +54 -30
- package/es/point/models/radar.js +63 -38
- package/es/point/models/simplePoint.js +62 -38
- package/es/point/models/text.js +296 -199
- package/es/point/shape/extrude.js +13 -4
- package/es/polygon/index.js +41 -11
- package/es/polygon/models/extrude.js +135 -87
- package/es/polygon/models/fill.js +79 -50
- package/es/polygon/models/index.js +2 -3
- package/es/polygon/models/ocean.js +76 -42
- package/es/polygon/models/water.js +71 -37
- package/es/raster/buffers/triangulation.js +4 -2
- package/es/raster/index.js +32 -9
- package/es/raster/models/raster.js +116 -80
- package/es/raster/models/rasterRgb.js +127 -84
- package/es/raster/models/rasterTerrainRgb.js +84 -56
- package/es/tile/interaction/getRasterData.js +20 -14
- package/es/tile/interaction/utils.js +9 -7
- package/es/tile/manager/base.js +96 -63
- package/es/tile/service/TileLayerService.js +55 -33
- package/es/tile/service/TilePickService.js +40 -26
- package/es/tile/service/TileSourceService.js +7 -3
- package/es/tile/tileFactory/DebugTile.js +46 -29
- package/es/tile/tileFactory/ImageTile.js +38 -20
- package/es/tile/tileFactory/MaskTile.js +43 -22
- package/es/tile/tileFactory/RasterRGBTile.js +42 -22
- package/es/tile/tileFactory/RasterTerrainRGBTile.js +38 -20
- package/es/tile/tileFactory/RasterTile.js +53 -30
- package/es/tile/tileFactory/Tile.js +97 -63
- package/es/tile/tileFactory/VectorTile.js +68 -41
- package/es/tile/tileFactory/index.js +11 -0
- package/es/tile/tileFactory/layers/TileDebugLayer.js +27 -6
- package/es/tile/tileFactory/util.js +3 -0
- package/es/tile/tileLayer/BaseLayer.js +146 -105
- package/es/tile/utils.js +1 -1
- package/es/utils/blend.js +2 -0
- package/es/utils/collision-index.js +16 -9
- package/es/utils/extrude_polyline.js +149 -101
- package/es/utils/grid-index.js +27 -2
- package/es/utils/identityScale.js +8 -0
- package/es/utils/layerData.js +44 -30
- package/es/utils/multiPassRender.js +13 -11
- package/es/utils/polylineNormal.js +37 -31
- package/es/utils/simpleLine.js +16 -2
- package/es/utils/stencil.js +3 -2
- package/es/utils/symbol-layout.js +53 -27
- package/es/wind/index.js +29 -9
- package/es/wind/models/utils.js +51 -26
- package/es/wind/models/wind.js +147 -101
- package/es/wind/models/windRender.js +66 -53
- package/lib/Geometry/index.js +38 -9
- package/lib/Geometry/models/billboard.js +97 -51
- package/lib/Geometry/models/index.js +5 -0
- package/lib/Geometry/models/plane.js +151 -79
- package/lib/Geometry/models/sprite.js +127 -60
- package/lib/canvas/index.js +40 -10
- package/lib/canvas/models/canvas.js +101 -41
- package/lib/canvas/models/index.js +3 -0
- package/lib/citybuliding/building.js +35 -8
- package/lib/citybuliding/models/build.js +92 -57
- package/lib/core/BaseLayer.js +469 -313
- package/lib/core/BaseModel.js +90 -51
- package/lib/core/CommonStyleAttribute.js +7 -2
- package/lib/core/LayerPickService.js +37 -21
- package/lib/core/TextureService.js +16 -0
- package/lib/core/interface.js +31 -21
- package/lib/core/schema.js +1 -0
- package/lib/core/shape/Path.js +31 -14
- package/lib/core/shape/extrude.js +62 -27
- package/lib/core/triangulation.js +177 -98
- package/lib/earth/index.js +43 -9
- package/lib/earth/models/atmosphere.js +63 -30
- package/lib/earth/models/base.js +90 -47
- package/lib/earth/models/bloomsphere.js +63 -30
- package/lib/earth/utils.js +31 -7
- package/lib/heatmap/index.js +48 -10
- package/lib/heatmap/models/grid.js +60 -28
- package/lib/heatmap/models/grid3d.js +60 -28
- package/lib/heatmap/models/heatmap.js +166 -92
- package/lib/heatmap/models/hexagon.js +60 -28
- package/lib/heatmap/models/index.js +6 -0
- package/lib/heatmap/triangulation.js +5 -0
- package/lib/image/index.js +36 -9
- package/lib/image/models/image.js +109 -66
- package/lib/image/models/index.js +3 -0
- package/lib/index.js +61 -7
- package/lib/line/index.js +40 -9
- package/lib/line/models/arc.js +122 -61
- package/lib/line/models/arc_3d.js +113 -56
- package/lib/line/models/earthArc_3d.js +115 -58
- package/lib/line/models/flow.js +70 -36
- package/lib/line/models/great_circle.js +104 -53
- package/lib/line/models/index.js +11 -0
- package/lib/line/models/line.js +144 -83
- package/lib/line/models/linearline.js +86 -42
- package/lib/line/models/simpleLine.js +77 -38
- package/lib/line/models/wall.js +103 -52
- package/lib/mask/index.js +36 -9
- package/lib/mask/models/fill.js +63 -29
- package/lib/mask/models/index.js +3 -0
- package/lib/plugins/DataMappingPlugin.js +125 -78
- package/lib/plugins/DataSourcePlugin.js +76 -45
- package/lib/plugins/FeatureScalePlugin.js +138 -67
- package/lib/plugins/LayerAnimateStylePlugin.js +10 -0
- package/lib/plugins/LayerMaskPlugin.js +17 -4
- package/lib/plugins/LayerModelPlugin.js +117 -70
- package/lib/plugins/LayerStylePlugin.js +14 -4
- package/lib/plugins/LightingPlugin.js +25 -12
- package/lib/plugins/MultiPassRendererPlugin.js +22 -11
- package/lib/plugins/PixelPickingPlugin.js +27 -12
- package/lib/plugins/RegisterStyleAttributePlugin.js +19 -5
- package/lib/plugins/ShaderUniformPlugin.js +34 -13
- package/lib/plugins/UpdateModelPlugin.js +10 -1
- package/lib/plugins/UpdateStyleAttributePlugin.js +16 -5
- package/lib/point/index.js +83 -26
- package/lib/point/models/earthExtrude.js +106 -58
- package/lib/point/models/earthFill.js +110 -52
- package/lib/point/models/extrude.js +103 -57
- package/lib/point/models/fill.js +90 -54
- package/lib/point/models/fillmage.js +107 -58
- package/lib/point/models/image.js +92 -47
- package/lib/point/models/index.js +12 -1
- package/lib/point/models/normal.js +64 -30
- package/lib/point/models/radar.js +72 -38
- package/lib/point/models/simplePoint.js +72 -38
- package/lib/point/models/text.js +305 -199
- package/lib/point/shape/extrude.js +20 -4
- package/lib/polygon/index.js +48 -11
- package/lib/polygon/models/extrude.js +146 -87
- package/lib/polygon/models/fill.js +89 -50
- package/lib/polygon/models/index.js +14 -2
- package/lib/polygon/models/ocean.js +88 -42
- package/lib/polygon/models/water.js +82 -37
- package/lib/raster/buffers/triangulation.js +7 -3
- package/lib/raster/index.js +40 -9
- package/lib/raster/models/index.js +5 -0
- package/lib/raster/models/raster.js +125 -80
- package/lib/raster/models/rasterRgb.js +139 -84
- package/lib/raster/models/rasterTerrainRgb.js +93 -56
- package/lib/tile/interaction/getRasterData.js +25 -14
- package/lib/tile/interaction/utils.js +19 -7
- package/lib/tile/manager/base.js +104 -63
- package/lib/tile/service/TileLayerService.js +60 -33
- package/lib/tile/service/TilePickService.js +48 -26
- package/lib/tile/service/TileSourceService.js +16 -2
- package/lib/tile/style/utils.js +3 -0
- package/lib/tile/tileFactory/DebugTile.js +54 -29
- package/lib/tile/tileFactory/ImageTile.js +46 -20
- package/lib/tile/tileFactory/MaskTile.js +51 -22
- package/lib/tile/tileFactory/RasterRGBTile.js +50 -22
- package/lib/tile/tileFactory/RasterTerrainRGBTile.js +46 -20
- package/lib/tile/tileFactory/RasterTile.js +63 -30
- package/lib/tile/tileFactory/Tile.js +102 -63
- package/lib/tile/tileFactory/VectorTile.js +76 -41
- package/lib/tile/tileFactory/index.js +25 -0
- package/lib/tile/tileFactory/layers/TileDebugLayer.js +32 -6
- package/lib/tile/tileFactory/util.js +9 -0
- package/lib/tile/tileLayer/BaseLayer.js +153 -105
- package/lib/tile/utils.js +5 -1
- package/lib/utils/blend.js +5 -0
- package/lib/utils/collision-index.js +25 -9
- package/lib/utils/extrude_polyline.js +181 -101
- package/lib/utils/grid-index.js +28 -2
- package/lib/utils/identityScale.js +9 -0
- package/lib/utils/layerData.js +49 -30
- package/lib/utils/multiPassRender.js +16 -11
- package/lib/utils/polylineNormal.js +66 -31
- package/lib/utils/simpleLine.js +21 -2
- package/lib/utils/stencil.js +4 -0
- package/lib/utils/symbol-layout.js +55 -27
- package/lib/wind/index.js +37 -9
- package/lib/wind/models/index.js +3 -0
- package/lib/wind/models/utils.js +62 -26
- package/lib/wind/models/wind.js +157 -101
- package/lib/wind/models/windRender.js +71 -53
- package/lib/wind/models/windShader.js +1 -0
- package/package.json +7 -7
package/es/line/models/line.js
CHANGED
|
@@ -7,40 +7,55 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
|
|
|
7
7
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
10
|
+
|
|
10
11
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
12
|
+
|
|
11
13
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
14
|
+
|
|
12
15
|
import { AttributeType, gl } from '@antv/l7-core';
|
|
13
16
|
import { LineTriangulation, rgb2arr } from '@antv/l7-utils';
|
|
14
17
|
import { isNumber } from 'lodash';
|
|
15
18
|
import BaseModel from "../../core/BaseModel";
|
|
16
|
-
import { LinearDir, TextureBlend } from "../../core/interface";
|
|
17
|
-
// import { LineTriangulation } from '../../core/triangulation';
|
|
19
|
+
import { LinearDir, TextureBlend } from "../../core/interface"; // import { LineTriangulation } from '../../core/triangulation';
|
|
18
20
|
// dash line shader
|
|
21
|
+
|
|
19
22
|
/* babel-plugin-inline-import '../shaders/dash/line_dash_frag.glsl' */
|
|
20
23
|
var line_dash_frag = "#define LineTypeSolid 0.0\nvarying vec4 v_color;\n\n// dash\nvarying vec4 v_dash_array;\nvarying float v_d_distance_ratio;\n\n#pragma include \"picking\"\n\nuniform float u_time;\nuniform vec4 u_animate: [ 1., 2., 1.0, 0.2 ]; // \u63A7\u5236\u8FD0\u52A8\n\n// [animate, duration, interval, trailLength],\nvoid main() {\n\n gl_FragColor = v_color;\n\n \n float dashLength = mod(v_d_distance_ratio, v_dash_array.x + v_dash_array.y + v_dash_array.z + v_dash_array.w);\n if(dashLength < v_dash_array.x || (dashLength > (v_dash_array.x + v_dash_array.y) && dashLength < v_dash_array.x + v_dash_array.y + v_dash_array.z)) {\n // \u5B9E\u7EBF\u90E8\u5206\n } else {\n // \u865A\u7EBF\u90E8\u5206\n discard;\n };\n\n gl_FragColor = filterColor(gl_FragColor);\n}\n";
|
|
24
|
+
|
|
21
25
|
/* babel-plugin-inline-import '../shaders/dash/line_dash_vert.glsl' */
|
|
22
26
|
var line_dash_vert = "#define LineTypeSolid 0.0\n#define LineTypeDash 1.0\n#define Animate 0.0\n\nattribute float a_Miter;\nattribute vec4 a_Color;\nattribute vec2 a_Size;\nattribute vec3 a_Normal;\nattribute vec3 a_Position;\n\nattribute vec2 a_iconMapUV;\n\n// dash line\nattribute float a_Total_Distance;\nattribute vec2 a_DistanceAndIndex;\n\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform vec4 u_dash_array: [10.0, 5., 0, 0];\n\nuniform float u_vertexScale: 1.0;\n\n#pragma include \"projection\"\n#pragma include \"picking\"\n\nvarying vec4 v_color;\nvarying vec4 v_dash_array;\nvarying float v_d_distance_ratio;\n\nuniform float u_opacity: 1.0;\n\nvoid main() {\n\n v_dash_array = pow(2.0, 20.0 - u_Zoom) * u_dash_array / a_Total_Distance;\n v_color = vec4(a_Color.xyz, a_Color.w * u_opacity);\n\n vec3 size = a_Miter * setPickingSize(a_Size.x) * reverse_offset_normal(a_Normal);\n vec2 offset = project_pixel(size.xy);\n v_d_distance_ratio = a_DistanceAndIndex.x / a_Total_Distance;\n\n\n vec4 project_pos = project_position(vec4(a_Position.xy, 0, 1.0));\n\n // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, a_Size.y, 1.0));\n\n if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n gl_Position = u_Mvp * (vec4(project_pos.xy + offset, project_pixel(a_Size.y), 1.0));\n } else {\n float lineHeight = a_Size.y;\n \n // #define COORDINATE_SYSTEM_P20 5.0\n // #define COORDINATE_SYSTEM_P20_OFFSET 6.0\n // amap1.x\n if(u_CoordinateSystem == COORDINATE_SYSTEM_P20 || u_CoordinateSystem == COORDINATE_SYSTEM_P20_OFFSET) {\n // \u4FDD\u6301\u9AD8\u5EA6\u76F8\u5BF9\u4E0D\u53D8\n lineHeight *= pow(2.0, 20.0 - u_Zoom);\n }\n\n gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, lineHeight, 1.0));\n }\n\n setPickingColor(a_PickingColor);\n}\n"; // basic line shader
|
|
27
|
+
|
|
23
28
|
/* babel-plugin-inline-import '../shaders/line_frag.glsl' */
|
|
24
29
|
var line_frag = "#extension GL_OES_standard_derivatives : enable\n#define Animate 0.0\n#define LineTexture 1.0\nuniform float u_opacity : 1.0;\nuniform float u_textureBlend;\n\nuniform float u_borderWidth: 0.0;\n\nuniform vec3 u_blur;\nuniform vec4 u_borderColor;\nvarying vec4 v_color;\n\n// line texture\nuniform float u_line_texture;\nuniform sampler2D u_texture;\nuniform vec2 u_textSize;\nvarying vec2 v_iconMapUV;\nvarying vec4 v_texture_data;\n\n\n#pragma include \"picking\"\n\nuniform float u_time;\nuniform vec4 u_animate: [ 1, 2., 1.0, 0.2 ]; // \u63A7\u5236\u8FD0\u52A8\n// [animate, duration, interval, trailLength],\nvoid main() {\n float animateSpeed = 0.0; // \u8FD0\u52A8\u901F\u5EA6\n float d_distance_ratio = v_texture_data.r; // \u5F53\u524D\u70B9\u4F4D\u8DDD\u79BB\u5360\u7EBF\u603B\u957F\u7684\u6BD4\u4F8B\n gl_FragColor = v_color;\n // anti-alias\n // float blur = 1.0 - smoothstep(u_blur, 1., length(v_normal.xy));\n gl_FragColor.a *= u_opacity; // \u5168\u5C40\u900F\u660E\u5EA6\n if(u_animate.x == Animate) {\n animateSpeed = u_time / u_animate.y;\n float alpha =1.0 - fract( mod(1.0- d_distance_ratio, u_animate.z)* (1.0/ u_animate.z) + animateSpeed);\n alpha = (alpha + u_animate.w -1.0) / u_animate.w;\n alpha = smoothstep(0., 1., alpha);\n gl_FragColor.a *= alpha;\n }\n\n if(u_line_texture == LineTexture) { // while load texture\n float aDistance = v_texture_data.g; // \u5F53\u524D\u9876\u70B9\u7684\u8DDD\u79BB\n float d_texPixelLen = v_texture_data.b; // \u8D34\u56FE\u7684\u50CF\u7D20\u957F\u5EA6\uFF0C\u6839\u636E\u5730\u56FE\u5C42\u7EA7\u7F29\u653E\n float u = fract(mod(aDistance, d_texPixelLen)/d_texPixelLen - animateSpeed);\n float v = v_texture_data.a; // \u7EBF\u56FE\u5C42\u8D34\u56FE\u90E8\u5206\u7684 v \u5750\u6807\u503C\n\n // v = max(smoothstep(0.95, 1.0, v), v);\n vec2 uv= v_iconMapUV / u_textSize + vec2(u, v) / u_textSize * 64.;\n vec4 pattern = texture2D(u_texture, uv);\n\n if(u_textureBlend == 0.0) { // normal\n pattern.a = 0.0;\n gl_FragColor += pattern;\n } else { // replace\n pattern.a *= u_opacity;\n if(gl_FragColor.a <= 0.0) {\n pattern.a = 0.0;\n }\n gl_FragColor = pattern;\n }\n } \n\n float v = v_texture_data.a;\n float borderWidth = min(0.5, u_borderWidth);\n // \u7ED8\u5236 border\n if(borderWidth > 0.01) {\n float borderOuterWidth = borderWidth / 2.0;\n\n\n if(v >= 1.0 - borderWidth || v <= borderWidth) {\n if(v > borderWidth) { // \u5916\u4FA7\n float linear = smoothstep(0.0, 1.0, (v - (1.0 - borderWidth))/borderWidth);\n // float linear = step(0.0, (v - (1.0 - borderWidth))/borderWidth);\n gl_FragColor.rgb = mix(gl_FragColor.rgb, u_borderColor.rgb, linear);\n } else if(v <= borderWidth) {\n float linear = smoothstep(0.0, 1.0, v/borderWidth);\n gl_FragColor.rgb = mix(u_borderColor.rgb, gl_FragColor.rgb, linear);\n }\n }\n\n if(v < borderOuterWidth) {\n gl_FragColor.a = mix(0.0, gl_FragColor.a, v/borderOuterWidth);\n } else if(v > 1.0 - borderOuterWidth) {\n gl_FragColor.a = mix(gl_FragColor.a, 0.0, (v - (1.0 - borderOuterWidth))/borderOuterWidth);\n }\n }\n\n // blur\n float blurV = v_texture_data.a;\n if(blurV < 0.5) {\n gl_FragColor.a *= mix(u_blur.r, u_blur.g, blurV/0.5);\n } else {\n gl_FragColor.a *= mix(u_blur.g, u_blur.b, (blurV - 0.5)/0.5);\n }\n \n gl_FragColor = filterColor(gl_FragColor);\n}\n";
|
|
30
|
+
|
|
25
31
|
/* babel-plugin-inline-import '../shaders/line_vert.glsl' */
|
|
26
32
|
var line_vert = "\n#define Animate 0.0\n\nattribute float a_Miter;\nattribute vec4 a_Color;\nattribute vec2 a_Size;\nattribute vec3 a_Normal;\nattribute vec3 a_Position;\n\nattribute vec2 a_iconMapUV;\n\n// dash line\nattribute float a_Total_Distance;\nattribute vec2 a_DistanceAndIndex;\n\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\nuniform vec4 u_animate: [ 1., 2., 1.0, 0.2 ];\nuniform float u_icon_step: 100;\n\nuniform float u_heightfixed: 0.0;\nuniform float u_vertexScale: 1.0;\nuniform float u_raisingHeight: 0.0;\n\n#pragma include \"projection\"\n#pragma include \"picking\"\n\nvarying vec4 v_color;\n\n// texV \u7EBF\u56FE\u5C42 - \u8D34\u56FE\u90E8\u5206\u7684 v \u5750\u6807\uFF08\u7EBF\u7684\u5BBD\u5EA6\u65B9\u5411\uFF09\nvarying vec2 v_iconMapUV;\n\n\nuniform float u_linearColor: 0;\nuniform float u_arrow: 0.0;\nuniform float u_arrowHeight: 3.0;\nuniform float u_arrowWidth: 2.0;\nuniform float u_tailWidth: 1.0;\n\nvarying vec4 v_texture_data;\n\nvec2 calculateArrow(vec2 offset) {\n /*\n * \u5728\u652F\u6301\u7BAD\u5934\u7684\u65F6\u5019\uFF0C\u7B2C\u4E8C\u3001\u7B2C\u4E09\u7EC4\u9876\u70B9\u662F\u989D\u5916\u63D2\u5165\u7528\u4E8E\u6784\u5EFA\u9876\u70B9\u7684\n */\n float arrowFlag = -1.0;\n if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) {\n // \u9AD8\u5FB7 2.0 \u7684\u65CB\u8F6C\u89D2\u5EA6\u4E0D\u540C\n arrowFlag = 1.0;\n }\n float pi = arrowFlag * 3.1415926/2.;\n if(a_Miter < 0.) {\n // \u6839\u636E\u7EBF\u7684\u4E24\u4FA7\u504F\u79FB\u4E0D\u540C\u3001\u65CB\u8F6C\u7684\u65B9\u5411\u76F8\u53CD\n pi = -pi;\n }\n highp float angle_sin = sin(pi);\n highp float angle_cos = cos(pi);\n // \u8BA1\u7B97\u5782\u76F4\u4E0E\u7EBF\u65B9\u5411\u7684\u65CB\u8F6C\u77E9\u9635\n mat2 rotation_matrix = mat2(angle_cos, -1.0 * angle_sin, angle_sin, angle_cos);\n float arrowWidth = u_arrowWidth;\n float arrowHeight = u_arrowHeight;\n\n vec2 arrowOffset = vec2(0.0);\n /*\n * a_DistanceAndIndex.y \u7528\u4E8E\u6807\u8BB0\u5F53\u524D\u9876\u70B9\u5C5E\u4E8E\u54EA\u4E00\u7EC4\uFF08\u4E24\u4E2A\u9876\u70B9\u4E00\u7EC4\uFF0C\u6784\u6210\u7EBF\u7684\u5176\u5B9E\u662F\u77E9\u5F62\uFF0C\u6700\u7B80\u9700\u8981\u56DB\u4E2A\u9876\u70B9\u3001\u4E24\u7EC4\u9876\u70B9\u6784\u6210\uFF09\n */\n if(a_DistanceAndIndex.y == 0.0) {\n // \u7BAD\u5934\u5C16\u90E8\n offset = vec2(0.0);\n } else if(a_DistanceAndIndex.y == 1.0) {\n // \u7BAD\u5934\u4E24\u4FA7\n arrowOffset = rotation_matrix*(offset * arrowHeight);\n offset += arrowOffset; // \u6CBF\u7EBF\u504F\u79FB\n offset = offset * arrowWidth; // \u5782\u76F4\u7EBF\u5411\u5916\u504F\u79FB\uFF08\u662F\u6784\u5EFA\u7BAD\u5934\u4E24\u4FA7\u7684\u9876\u70B9\uFF09\n } else if(a_DistanceAndIndex.y == 2.0 || a_DistanceAndIndex.y == 3.0 || a_DistanceAndIndex.y == 4.0) {\n // \u504F\u79FB\u5176\u4F59\u7684\u70B9\u4F4D\uFF08\u5C06\u957F\u5EA6\u8BA9\u4F4D\u7ED9\u7BAD\u5934\uFF09\n arrowOffset = rotation_matrix*(offset * arrowHeight) * arrowWidth;\n offset += arrowOffset;// \u6CBF\u7EBF\u504F\u79FB\n }\n\n return offset;\n}\n\nvoid main() {\n // cal style mapping - \u6570\u636E\u7EB9\u7406\u6620\u5C04\u90E8\u5206\u7684\u8BA1\u7B97\n \n float d_texPixelLen; // \u8D34\u56FE\u7684\u50CF\u7D20\u957F\u5EA6\uFF0C\u6839\u636E\u5730\u56FE\u5C42\u7EA7\u7F29\u653E\n\n v_iconMapUV = a_iconMapUV;\n d_texPixelLen = project_float_pixel(u_icon_step);\n if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) {\n d_texPixelLen *= 10.0;\n }\n\n v_color = a_Color;\n\n vec3 size = a_Miter * setPickingSize(a_Size.x) * reverse_offset_normal(a_Normal);\n \n vec2 offset = project_pixel(size.xy);\n\n float lineDistance = a_DistanceAndIndex.x;\n float currentLinePointRatio = lineDistance / a_Total_Distance;\n \n if(u_arrow > 0.0) {\n // \u8BA1\u7B97\u7BAD\u5934\n offset = calculateArrow(offset);\n\n if(a_DistanceAndIndex.y > 4.0) {\n offset *= mix(1.0, u_tailWidth, currentLinePointRatio);\n }\n }\n\n float lineOffsetWidth = length(offset + offset * sign(a_Miter)); // \u7EBF\u6A2A\u5411\u504F\u79FB\u7684\u8DDD\u79BB\uFF08\u5411\u4E24\u4FA7\u504F\u79FB\u7684\u548C\uFF09\n float linePixelSize = project_pixel(a_Size.x) * 2.0; // \u5B9A\u70B9\u4F4D\u7F6E\u504F\u79FB\uFF0C\u6309\u5730\u56FE\u7B49\u7EA7\u7F29\u653E\u540E\u7684\u8DDD\u79BB \u5355\u4FA7 * 2\n float texV = lineOffsetWidth/linePixelSize; // \u7EBF\u56FE\u5C42\u8D34\u56FE\u90E8\u5206\u7684 v \u5750\u6807\u503C\n \n v_texture_data = vec4(currentLinePointRatio, lineDistance, d_texPixelLen, texV);\n // \u8BBE\u7F6E\u6570\u636E\u96C6\u7684\u53C2\u6570\n\n vec4 project_pos = project_position(vec4(a_Position.xy, 0, 1.0));\n\n // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, a_Size.y, 1.0));\n\n float h = float(a_Position.z) * u_vertexScale; // \u7EBF\u9876\u70B9\u7684\u9AD8\u5EA6 - \u517C\u5BB9\u4E0D\u5B58\u5728\u7B2C\u4E09\u4E2A\u6570\u503C\u7684\u60C5\u51B5 vertex height\n float lineHeight = a_Size.y; // size \u7B2C\u4E8C\u4E2A\u53C2\u6570\u4EE3\u8868\u7684\u9AD8\u5EA6 [linewidth, lineheight]\n\n if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n lineHeight *= 0.2; // \u4FDD\u6301\u548C amap/mapbox \u4E00\u81F4\u7684\u6548\u679C\n h *= 0.2;\n if(u_heightfixed < 1.0) {\n lineHeight = project_pixel(a_Size.y);\n }\n gl_Position = u_Mvp * (vec4(project_pos.xy + offset, lineHeight + h + u_raisingHeight, 1.0));\n } else {\n // mapbox - amap\n \n // \u517C\u5BB9 mapbox \u5728\u7EBF\u9AD8\u5EA6\u4E0A\u7684\u6548\u679C\u8868\u73B0\u57FA\u672C\u4E00\u81F4\n if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {\n // mapbox\n // \u4FDD\u6301\u9AD8\u5EA6\u76F8\u5BF9\u4E0D\u53D8\n float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);\n h *= mapboxZoomScale;\n h += u_raisingHeight * mapboxZoomScale;\n if(u_heightfixed > 0.0) {\n lineHeight *= mapboxZoomScale;\n }\n \n } else {\n // amap\n h += u_raisingHeight;\n // lineHeight \u9876\u70B9\u504F\u79FB\u9AD8\u5EA6\n if(u_heightfixed < 1.0) {\n lineHeight *= pow(2.0, 20.0 - u_Zoom);\n }\n }\n\n gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, lineHeight + h, 1.0));\n }\n\n setPickingColor(a_PickingColor);\n}\n"; // other function shaders
|
|
33
|
+
|
|
27
34
|
/* babel-plugin-inline-import '../shaders/linear/line_linear_frag.glsl' */
|
|
28
35
|
var linear_line_frag = "varying vec4 v_color;\nvarying vec4 v_texture_data;\nuniform float u_linearDir: 1.0;\nuniform float u_linearColor: 0;\nuniform vec4 u_sourceColor;\nuniform vec4 u_targetColor;\nuniform float u_opacity: 1.0;\n\n#pragma include \"picking\"\n\n\nvoid main() {\n float linearRadio = v_texture_data.r; // \u5F53\u524D\u70B9\u4F4D\u8DDD\u79BB\u5360\u7EBF\u603B\u957F\u7684\u6BD4\u4F8B\n if(u_linearDir < 1.0) {\n linearRadio = v_texture_data.a;\n }\n\n if(u_linearColor == 1.0) { // \u4F7F\u7528\u6E10\u53D8\u989C\u8272\n gl_FragColor = mix(u_sourceColor, u_targetColor, linearRadio);\n } else { // \u4F7F\u7528 color \u65B9\u6CD5\u4F20\u5165\u7684\u989C\u8272\n gl_FragColor = v_color;\n }\n\n gl_FragColor.a *= u_opacity; // \u5168\u5C40\u900F\u660E\u5EA6\n gl_FragColor = filterColor(gl_FragColor);\n}\n";
|
|
29
36
|
var lineStyleObj = {
|
|
30
37
|
solid: 0.0,
|
|
31
38
|
dash: 1.0
|
|
32
39
|
};
|
|
40
|
+
|
|
33
41
|
var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
34
42
|
_inherits(LineModel, _BaseModel);
|
|
43
|
+
|
|
35
44
|
var _super = _createSuper(LineModel);
|
|
45
|
+
|
|
36
46
|
function LineModel() {
|
|
37
47
|
var _this;
|
|
48
|
+
|
|
38
49
|
_classCallCheck(this, LineModel);
|
|
50
|
+
|
|
39
51
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
40
52
|
args[_key] = arguments[_key];
|
|
41
53
|
}
|
|
54
|
+
|
|
42
55
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
56
|
+
|
|
43
57
|
_defineProperty(_assertThisInitialized(_this), "textureEventFlag", false);
|
|
58
|
+
|
|
44
59
|
_defineProperty(_assertThisInitialized(_this), "texture", _this.createTexture2D({
|
|
45
60
|
data: [0, 0, 0, 0],
|
|
46
61
|
mag: gl.NEAREST,
|
|
@@ -49,15 +64,20 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
49
64
|
width: 1,
|
|
50
65
|
height: 1
|
|
51
66
|
}));
|
|
67
|
+
|
|
52
68
|
_defineProperty(_assertThisInitialized(_this), "updateTexture", function () {
|
|
53
69
|
var createTexture2D = _this.rendererService.createTexture2D;
|
|
70
|
+
|
|
54
71
|
if (_this.texture) {
|
|
55
72
|
_this.texture.update({
|
|
56
73
|
data: _this.iconService.getCanvas()
|
|
57
74
|
});
|
|
75
|
+
|
|
58
76
|
_this.layer.render();
|
|
77
|
+
|
|
59
78
|
return;
|
|
60
79
|
}
|
|
80
|
+
|
|
61
81
|
_this.texture = createTexture2D({
|
|
62
82
|
data: _this.iconService.getCanvas(),
|
|
63
83
|
mag: gl.NEAREST,
|
|
@@ -67,63 +87,70 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
67
87
|
height: _this.iconService.canvasHeight || 128
|
|
68
88
|
});
|
|
69
89
|
});
|
|
90
|
+
|
|
70
91
|
return _this;
|
|
71
92
|
}
|
|
93
|
+
|
|
72
94
|
_createClass(LineModel, [{
|
|
73
95
|
key: "getUninforms",
|
|
74
96
|
value: function getUninforms() {
|
|
75
97
|
var _ref = this.layer.getLayerConfig(),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
98
|
+
_ref$opacity = _ref.opacity,
|
|
99
|
+
opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
|
|
100
|
+
sourceColor = _ref.sourceColor,
|
|
101
|
+
targetColor = _ref.targetColor,
|
|
102
|
+
_ref$textureBlend = _ref.textureBlend,
|
|
103
|
+
textureBlend = _ref$textureBlend === void 0 ? 'normal' : _ref$textureBlend,
|
|
104
|
+
_ref$lineType = _ref.lineType,
|
|
105
|
+
lineType = _ref$lineType === void 0 ? 'solid' : _ref$lineType,
|
|
106
|
+
_ref$dashArray = _ref.dashArray,
|
|
107
|
+
dashArray = _ref$dashArray === void 0 ? [10, 5, 0, 0] : _ref$dashArray,
|
|
108
|
+
_ref$lineTexture = _ref.lineTexture,
|
|
109
|
+
lineTexture = _ref$lineTexture === void 0 ? false : _ref$lineTexture,
|
|
110
|
+
_ref$iconStep = _ref.iconStep,
|
|
111
|
+
iconStep = _ref$iconStep === void 0 ? 100 : _ref$iconStep,
|
|
112
|
+
_ref$vertexHeightScal = _ref.vertexHeightScale,
|
|
113
|
+
vertexHeightScale = _ref$vertexHeightScal === void 0 ? 20.0 : _ref$vertexHeightScal,
|
|
114
|
+
_ref$borderWidth = _ref.borderWidth,
|
|
115
|
+
borderWidth = _ref$borderWidth === void 0 ? 0.0 : _ref$borderWidth,
|
|
116
|
+
_ref$borderColor = _ref.borderColor,
|
|
117
|
+
borderColor = _ref$borderColor === void 0 ? '#ccc' : _ref$borderColor,
|
|
118
|
+
_ref$raisingHeight = _ref.raisingHeight,
|
|
119
|
+
raisingHeight = _ref$raisingHeight === void 0 ? 0 : _ref$raisingHeight,
|
|
120
|
+
_ref$heightfixed = _ref.heightfixed,
|
|
121
|
+
heightfixed = _ref$heightfixed === void 0 ? false : _ref$heightfixed,
|
|
122
|
+
_ref$linearDir = _ref.linearDir,
|
|
123
|
+
linearDir = _ref$linearDir === void 0 ? LinearDir.VERTICAL : _ref$linearDir,
|
|
124
|
+
_ref$blur = _ref.blur,
|
|
125
|
+
blur = _ref$blur === void 0 ? [1, 1, 1] : _ref$blur,
|
|
126
|
+
_ref$arrow = _ref.arrow,
|
|
127
|
+
arrow = _ref$arrow === void 0 ? {
|
|
128
|
+
enable: false,
|
|
129
|
+
arrowWidth: 2,
|
|
130
|
+
arrowHeight: 3,
|
|
131
|
+
tailWidth: 1
|
|
132
|
+
} : _ref$arrow;
|
|
133
|
+
|
|
111
134
|
if (dashArray.length === 2) {
|
|
112
135
|
dashArray.push(0, 0);
|
|
113
136
|
}
|
|
137
|
+
|
|
114
138
|
if (this.rendererService.getDirty() && this.texture) {
|
|
115
139
|
this.texture.bind();
|
|
116
|
-
}
|
|
140
|
+
} // 转化渐变色
|
|
141
|
+
|
|
117
142
|
|
|
118
|
-
// 转化渐变色
|
|
119
143
|
var useLinearColor = 0; // 默认不生效
|
|
144
|
+
|
|
120
145
|
var sourceColorArr = [0, 0, 0, 0];
|
|
121
146
|
var targetColorArr = [0, 0, 0, 0];
|
|
147
|
+
|
|
122
148
|
if (sourceColor && targetColor) {
|
|
123
149
|
sourceColorArr = rgb2arr(sourceColor);
|
|
124
150
|
targetColorArr = rgb2arr(targetColor);
|
|
125
151
|
useLinearColor = 1;
|
|
126
152
|
}
|
|
153
|
+
|
|
127
154
|
return {
|
|
128
155
|
u_opacity: isNumber(opacity) ? opacity : 1,
|
|
129
156
|
u_textureBlend: textureBlend === TextureBlend.NORMAL ? 0.0 : 1.0,
|
|
@@ -161,7 +188,8 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
161
188
|
key: "getAnimateUniforms",
|
|
162
189
|
value: function getAnimateUniforms() {
|
|
163
190
|
var _ref2 = this.layer.getLayerConfig(),
|
|
164
|
-
|
|
191
|
+
animateOption = _ref2.animateOption;
|
|
192
|
+
|
|
165
193
|
return {
|
|
166
194
|
u_animate: this.animateOption2Array(animateOption),
|
|
167
195
|
u_time: this.layer.getLayerAnimateTime()
|
|
@@ -172,31 +200,38 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
172
200
|
value: function () {
|
|
173
201
|
var _initModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
174
202
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
175
|
-
while (1)
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
this.textureEventFlag
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
203
|
+
while (1) {
|
|
204
|
+
switch (_context.prev = _context.next) {
|
|
205
|
+
case 0:
|
|
206
|
+
// this.updateTexture();
|
|
207
|
+
// this.iconService.on('imageUpdate', this.updateTexture);
|
|
208
|
+
if (!this.textureEventFlag) {
|
|
209
|
+
this.textureEventFlag = true;
|
|
210
|
+
this.updateTexture();
|
|
211
|
+
this.iconService.on('imageUpdate', this.updateTexture);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
return _context.abrupt("return", this.buildModels());
|
|
215
|
+
|
|
216
|
+
case 2:
|
|
217
|
+
case "end":
|
|
218
|
+
return _context.stop();
|
|
219
|
+
}
|
|
188
220
|
}
|
|
189
221
|
}, _callee, this);
|
|
190
222
|
}));
|
|
223
|
+
|
|
191
224
|
function initModels() {
|
|
192
225
|
return _initModels.apply(this, arguments);
|
|
193
226
|
}
|
|
227
|
+
|
|
194
228
|
return initModels;
|
|
195
229
|
}()
|
|
196
230
|
}, {
|
|
197
231
|
key: "clearModels",
|
|
198
232
|
value: function clearModels() {
|
|
199
233
|
var _this$texture;
|
|
234
|
+
|
|
200
235
|
(_this$texture = this.texture) === null || _this$texture === void 0 ? void 0 : _this$texture.destroy();
|
|
201
236
|
this.iconService.off('imageUpdate', this.updateTexture);
|
|
202
237
|
}
|
|
@@ -205,47 +240,57 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
205
240
|
value: function () {
|
|
206
241
|
var _buildModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
207
242
|
var _ref3, _ref3$depth, depth, _this$getShaders, frag, vert, type, model;
|
|
243
|
+
|
|
208
244
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
209
|
-
while (1)
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
245
|
+
while (1) {
|
|
246
|
+
switch (_context2.prev = _context2.next) {
|
|
247
|
+
case 0:
|
|
248
|
+
_ref3 = this.layer.getLayerConfig(), _ref3$depth = _ref3.depth, depth = _ref3$depth === void 0 ? false : _ref3$depth;
|
|
249
|
+
_this$getShaders = this.getShaders(), frag = _this$getShaders.frag, vert = _this$getShaders.vert, type = _this$getShaders.type; // console.log(frag)
|
|
250
|
+
|
|
251
|
+
this.layer.triangulation = LineTriangulation;
|
|
252
|
+
_context2.next = 5;
|
|
253
|
+
return this.layer.buildLayerModel({
|
|
254
|
+
moduleName: 'line' + type,
|
|
255
|
+
vertexShader: vert,
|
|
256
|
+
fragmentShader: frag,
|
|
257
|
+
triangulation: LineTriangulation,
|
|
258
|
+
depth: {
|
|
259
|
+
enable: depth
|
|
260
|
+
}
|
|
261
|
+
});
|
|
262
|
+
|
|
263
|
+
case 5:
|
|
264
|
+
model = _context2.sent;
|
|
265
|
+
return _context2.abrupt("return", [model]);
|
|
266
|
+
|
|
267
|
+
case 7:
|
|
268
|
+
case "end":
|
|
269
|
+
return _context2.stop();
|
|
270
|
+
}
|
|
230
271
|
}
|
|
231
272
|
}, _callee2, this);
|
|
232
273
|
}));
|
|
274
|
+
|
|
233
275
|
function buildModels() {
|
|
234
276
|
return _buildModels.apply(this, arguments);
|
|
235
277
|
}
|
|
278
|
+
|
|
236
279
|
return buildModels;
|
|
237
280
|
}()
|
|
238
281
|
/**
|
|
239
282
|
* 根据参数获取不同的 shader 代码
|
|
240
283
|
* @returns
|
|
241
284
|
*/
|
|
285
|
+
|
|
242
286
|
}, {
|
|
243
287
|
key: "getShaders",
|
|
244
288
|
value: function getShaders() {
|
|
245
289
|
var _ref4 = this.layer.getLayerConfig(),
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
290
|
+
sourceColor = _ref4.sourceColor,
|
|
291
|
+
targetColor = _ref4.targetColor,
|
|
292
|
+
lineType = _ref4.lineType;
|
|
293
|
+
|
|
249
294
|
if (lineType === 'dash') {
|
|
250
295
|
return {
|
|
251
296
|
frag: line_dash_frag,
|
|
@@ -253,6 +298,7 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
253
298
|
type: 'Dash'
|
|
254
299
|
};
|
|
255
300
|
}
|
|
301
|
+
|
|
256
302
|
if (sourceColor && targetColor) {
|
|
257
303
|
// 分离 linear 功能
|
|
258
304
|
return {
|
|
@@ -272,6 +318,7 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
272
318
|
key: "registerBuiltinAttributes",
|
|
273
319
|
value: function registerBuiltinAttributes() {
|
|
274
320
|
var _this2 = this;
|
|
321
|
+
|
|
275
322
|
this.styleAttributeService.registerStyleAttribute({
|
|
276
323
|
name: 'distanceAndIndex',
|
|
277
324
|
type: AttributeType.Attribute,
|
|
@@ -320,13 +367,12 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
320
367
|
size: 2,
|
|
321
368
|
update: function update(feature) {
|
|
322
369
|
var _feature$size = feature.size,
|
|
323
|
-
|
|
370
|
+
size = _feature$size === void 0 ? 1 : _feature$size;
|
|
324
371
|
return Array.isArray(size) ? [size[0], size[1]] : [size, 0];
|
|
325
372
|
}
|
|
326
373
|
}
|
|
327
|
-
});
|
|
374
|
+
}); // point layer size;
|
|
328
375
|
|
|
329
|
-
// point layer size;
|
|
330
376
|
this.styleAttributeService.registerStyleAttribute({
|
|
331
377
|
name: 'normal',
|
|
332
378
|
type: AttributeType.Attribute,
|
|
@@ -375,19 +421,24 @@ var LineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
375
421
|
size: 2,
|
|
376
422
|
update: function update(feature) {
|
|
377
423
|
var iconMap = _this2.iconService.getIconMap();
|
|
424
|
+
|
|
378
425
|
var texture = feature.texture;
|
|
426
|
+
|
|
379
427
|
var _ref5 = iconMap[texture] || {
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
428
|
+
x: 0,
|
|
429
|
+
y: 0
|
|
430
|
+
},
|
|
431
|
+
x = _ref5.x,
|
|
432
|
+
y = _ref5.y;
|
|
433
|
+
|
|
385
434
|
return [x, y];
|
|
386
435
|
}
|
|
387
436
|
}
|
|
388
437
|
});
|
|
389
438
|
}
|
|
390
439
|
}]);
|
|
440
|
+
|
|
391
441
|
return LineModel;
|
|
392
442
|
}(BaseModel);
|
|
443
|
+
|
|
393
444
|
export { LineModel as default };
|
|
@@ -7,35 +7,50 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
|
|
|
7
7
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
9
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
10
|
+
|
|
10
11
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
12
|
+
|
|
11
13
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
14
|
+
|
|
12
15
|
import { AttributeType, gl } from '@antv/l7-core';
|
|
13
16
|
import { generateColorRamp } from '@antv/l7-utils';
|
|
14
17
|
import { isNumber } from 'lodash';
|
|
15
18
|
import BaseModel from "../../core/BaseModel";
|
|
16
19
|
import { LinearDir } from "../../core/interface";
|
|
17
20
|
import { LineTriangulation } from "../../core/triangulation";
|
|
21
|
+
|
|
18
22
|
/* babel-plugin-inline-import '../shaders/linearLine/line_linear_frag.glsl' */
|
|
19
23
|
var linear_line_frag = "\nvarying vec4 v_Color;\n#pragma include \"picking\"\nvoid main() {\n\n gl_FragColor = v_Color; // \u5168\u5C40\u900F\u660E\u5EA6\n gl_FragColor = filterColor(gl_FragColor);\n}\n";
|
|
24
|
+
|
|
20
25
|
/* babel-plugin-inline-import '../shaders/linearLine/line_linear_vert.glsl' */
|
|
21
26
|
var linear_line_vert = "\nattribute float a_Miter;\nattribute vec2 a_Size;\nattribute vec3 a_Normal;\nattribute vec3 a_Position;\n\n// dash line\nattribute float a_Total_Distance;\nattribute vec2 a_DistanceAndIndex;\n\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_Mvp;\n\nuniform float u_heightfixed: 0.0;\nuniform float u_vertexScale: 1.0;\nuniform float u_raisingHeight: 0.0;\nuniform float u_opacity : 1.0;\nuniform sampler2D u_texture;\nuniform float u_linearDir: 1.0;\nvarying vec4 v_Color;\n\n\n#pragma include \"projection\"\n#pragma include \"picking\"\n\n\nvoid main() {\n\n\n vec3 size = a_Miter * setPickingSize(a_Size.x) * reverse_offset_normal(a_Normal);\n \n vec2 offset = project_pixel(size.xy);\n\n float lineDistance = a_DistanceAndIndex.x;\n float currentLinePointRatio = lineDistance / a_Total_Distance;\n \n\n float lineOffsetWidth = length(offset + offset * sign(a_Miter)); // \u7EBF\u6A2A\u5411\u504F\u79FB\u7684\u8DDD\u79BB\uFF08\u5411\u4E24\u4FA7\u504F\u79FB\u7684\u548C\uFF09\n float linePixelSize = project_pixel(a_Size.x) * 2.0; // \u5B9A\u70B9\u4F4D\u7F6E\u504F\u79FB\uFF0C\u6309\u5730\u56FE\u7B49\u7EA7\u7F29\u653E\u540E\u7684\u8DDD\u79BB \u5355\u4FA7 * 2\n float texV = lineOffsetWidth/linePixelSize; // \u7EBF\u56FE\u5C42\u8D34\u56FE\u90E8\u5206\u7684 v \u5750\u6807\u503C\n\n float linearRadio =currentLinePointRatio; // \u5F53\u524D\u70B9\u4F4D\u8DDD\u79BB\u5360\u7EBF\u603B\u957F\u7684\u6BD4\u4F8B\n if(u_linearDir < 1.0) {\n linearRadio = texV;\n }\n\n v_Color = texture2D(u_texture, vec2(linearRadio, 0.5));\n\n v_Color.a *= u_opacity; // \u5168\u5C40\u900F\u660E\u5EA6\n\n\n\n vec4 project_pos = project_position(vec4(a_Position.xy, 0, 1.0));\n\n // gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, a_Size.y, 1.0));\n\n float h = float(a_Position.z) * u_vertexScale; // \u7EBF\u9876\u70B9\u7684\u9AD8\u5EA6 - \u517C\u5BB9\u4E0D\u5B58\u5728\u7B2C\u4E09\u4E2A\u6570\u503C\u7684\u60C5\u51B5 vertex height\n float lineHeight = a_Size.y; // size \u7B2C\u4E8C\u4E2A\u53C2\u6570\u4EE3\u8868\u7684\u9AD8\u5EA6 [linewidth, lineheight]\n\n if(u_CoordinateSystem == COORDINATE_SYSTEM_P20_2) { // gaode2.x\n lineHeight *= 0.2; // \u4FDD\u6301\u548C amap/mapbox \u4E00\u81F4\u7684\u6548\u679C\n h *= 0.2;\n if(u_heightfixed < 1.0) {\n lineHeight = project_pixel(a_Size.y);\n }\n gl_Position = u_Mvp * (vec4(project_pos.xy + offset, lineHeight + h + u_raisingHeight, 1.0));\n } else {\n // mapbox - amap\n \n // \u517C\u5BB9 mapbox \u5728\u7EBF\u9AD8\u5EA6\u4E0A\u7684\u6548\u679C\u8868\u73B0\u57FA\u672C\u4E00\u81F4\n if(u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT || u_CoordinateSystem == COORDINATE_SYSTEM_LNGLAT_OFFSET) {\n // mapbox\n // \u4FDD\u6301\u9AD8\u5EA6\u76F8\u5BF9\u4E0D\u53D8\n float mapboxZoomScale = 4.0/pow(2.0, 21.0 - u_Zoom);\n h *= mapboxZoomScale;\n h += u_raisingHeight * mapboxZoomScale;\n if(u_heightfixed > 0.0) {\n lineHeight *= mapboxZoomScale;\n }\n \n } else {\n // amap\n h += u_raisingHeight;\n // lineHeight \u9876\u70B9\u504F\u79FB\u9AD8\u5EA6\n if(u_heightfixed < 1.0) {\n lineHeight *= pow(2.0, 20.0 - u_Zoom);\n }\n }\n\n gl_Position = project_common_position_to_clipspace(vec4(project_pos.xy + offset, lineHeight + h, 1.0));\n }\n\n setPickingColor(a_PickingColor);\n}\n";
|
|
27
|
+
|
|
22
28
|
var LinearLineModel = /*#__PURE__*/function (_BaseModel) {
|
|
23
29
|
_inherits(LinearLineModel, _BaseModel);
|
|
30
|
+
|
|
24
31
|
var _super = _createSuper(LinearLineModel);
|
|
32
|
+
|
|
25
33
|
function LinearLineModel() {
|
|
26
34
|
var _this;
|
|
35
|
+
|
|
27
36
|
_classCallCheck(this, LinearLineModel);
|
|
37
|
+
|
|
28
38
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
29
39
|
args[_key] = arguments[_key];
|
|
30
40
|
}
|
|
41
|
+
|
|
31
42
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
43
|
+
|
|
32
44
|
_defineProperty(_assertThisInitialized(_this), "updateTexture", function () {
|
|
33
45
|
var createTexture2D = _this.rendererService.createTexture2D;
|
|
46
|
+
|
|
34
47
|
if (_this.colorTexture) {
|
|
35
48
|
_this.colorTexture.destroy();
|
|
36
49
|
}
|
|
50
|
+
|
|
37
51
|
var _ref = _this.layer.getLayerConfig(),
|
|
38
|
-
|
|
52
|
+
rampColors = _ref.rampColors;
|
|
53
|
+
|
|
39
54
|
var imageData = generateColorRamp(rampColors);
|
|
40
55
|
_this.colorTexture = createTexture2D({
|
|
41
56
|
data: new Uint8Array(imageData.data),
|
|
@@ -48,32 +63,35 @@ var LinearLineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
48
63
|
flipY: false
|
|
49
64
|
});
|
|
50
65
|
});
|
|
66
|
+
|
|
51
67
|
return _this;
|
|
52
68
|
}
|
|
69
|
+
|
|
53
70
|
_createClass(LinearLineModel, [{
|
|
54
71
|
key: "getUninforms",
|
|
55
72
|
value: function getUninforms() {
|
|
56
73
|
var _ref2 = this.layer.getLayerConfig(),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
74
|
+
_ref2$opacity = _ref2.opacity,
|
|
75
|
+
opacity = _ref2$opacity === void 0 ? 1 : _ref2$opacity,
|
|
76
|
+
_ref2$vertexHeightSca = _ref2.vertexHeightScale,
|
|
77
|
+
vertexHeightScale = _ref2$vertexHeightSca === void 0 ? 20.0 : _ref2$vertexHeightSca,
|
|
78
|
+
_ref2$raisingHeight = _ref2.raisingHeight,
|
|
79
|
+
raisingHeight = _ref2$raisingHeight === void 0 ? 0 : _ref2$raisingHeight,
|
|
80
|
+
_ref2$heightfixed = _ref2.heightfixed,
|
|
81
|
+
heightfixed = _ref2$heightfixed === void 0 ? false : _ref2$heightfixed,
|
|
82
|
+
_ref2$linearDir = _ref2.linearDir,
|
|
83
|
+
linearDir = _ref2$linearDir === void 0 ? LinearDir.VERTICAL : _ref2$linearDir;
|
|
84
|
+
|
|
67
85
|
if (this.rendererService.getDirty()) {
|
|
68
86
|
this.colorTexture.bind();
|
|
69
87
|
}
|
|
88
|
+
|
|
70
89
|
return {
|
|
71
90
|
u_linearDir: linearDir === LinearDir.VERTICAL ? 1.0 : 0.0,
|
|
72
91
|
u_opacity: isNumber(opacity) ? opacity : 1,
|
|
73
92
|
// 纹理支持参数
|
|
74
93
|
u_texture: this.colorTexture,
|
|
75
94
|
// 贴图
|
|
76
|
-
|
|
77
95
|
// 是否固定高度
|
|
78
96
|
u_heightfixed: Number(heightfixed),
|
|
79
97
|
// 顶点高度 scale
|
|
@@ -86,25 +104,31 @@ var LinearLineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
86
104
|
value: function () {
|
|
87
105
|
var _initModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
88
106
|
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
89
|
-
while (1)
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
107
|
+
while (1) {
|
|
108
|
+
switch (_context.prev = _context.next) {
|
|
109
|
+
case 0:
|
|
110
|
+
this.updateTexture();
|
|
111
|
+
return _context.abrupt("return", this.buildModels());
|
|
112
|
+
|
|
113
|
+
case 2:
|
|
114
|
+
case "end":
|
|
115
|
+
return _context.stop();
|
|
116
|
+
}
|
|
96
117
|
}
|
|
97
118
|
}, _callee, this);
|
|
98
119
|
}));
|
|
120
|
+
|
|
99
121
|
function initModels() {
|
|
100
122
|
return _initModels.apply(this, arguments);
|
|
101
123
|
}
|
|
124
|
+
|
|
102
125
|
return initModels;
|
|
103
126
|
}()
|
|
104
127
|
}, {
|
|
105
128
|
key: "clearModels",
|
|
106
129
|
value: function clearModels() {
|
|
107
130
|
var _this$colorTexture;
|
|
131
|
+
|
|
108
132
|
(_this$colorTexture = this.colorTexture) === null || _this$colorTexture === void 0 ? void 0 : _this$colorTexture.destroy();
|
|
109
133
|
}
|
|
110
134
|
}, {
|
|
@@ -112,33 +136,40 @@ var LinearLineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
112
136
|
value: function () {
|
|
113
137
|
var _buildModels = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
114
138
|
var _ref3, _ref3$depth, depth, model;
|
|
139
|
+
|
|
115
140
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
116
|
-
while (1)
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
141
|
+
while (1) {
|
|
142
|
+
switch (_context2.prev = _context2.next) {
|
|
143
|
+
case 0:
|
|
144
|
+
_ref3 = this.layer.getLayerConfig(), _ref3$depth = _ref3.depth, depth = _ref3$depth === void 0 ? false : _ref3$depth;
|
|
145
|
+
this.layer.triangulation = LineTriangulation;
|
|
146
|
+
_context2.next = 4;
|
|
147
|
+
return this.layer.buildLayerModel({
|
|
148
|
+
moduleName: 'lineRampColors',
|
|
149
|
+
vertexShader: linear_line_vert,
|
|
150
|
+
fragmentShader: linear_line_frag,
|
|
151
|
+
triangulation: LineTriangulation,
|
|
152
|
+
depth: {
|
|
153
|
+
enable: depth
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
|
|
157
|
+
case 4:
|
|
158
|
+
model = _context2.sent;
|
|
159
|
+
return _context2.abrupt("return", [model]);
|
|
160
|
+
|
|
161
|
+
case 6:
|
|
162
|
+
case "end":
|
|
163
|
+
return _context2.stop();
|
|
164
|
+
}
|
|
136
165
|
}
|
|
137
166
|
}, _callee2, this);
|
|
138
167
|
}));
|
|
168
|
+
|
|
139
169
|
function buildModels() {
|
|
140
170
|
return _buildModels.apply(this, arguments);
|
|
141
171
|
}
|
|
172
|
+
|
|
142
173
|
return buildModels;
|
|
143
174
|
}()
|
|
144
175
|
}, {
|
|
@@ -192,13 +223,12 @@ var LinearLineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
192
223
|
size: 2,
|
|
193
224
|
update: function update(feature) {
|
|
194
225
|
var _feature$size = feature.size,
|
|
195
|
-
|
|
226
|
+
size = _feature$size === void 0 ? 1 : _feature$size;
|
|
196
227
|
return Array.isArray(size) ? [size[0], size[1]] : [size, 0];
|
|
197
228
|
}
|
|
198
229
|
}
|
|
199
|
-
});
|
|
230
|
+
}); // point layer size;
|
|
200
231
|
|
|
201
|
-
// point layer size;
|
|
202
232
|
this.styleAttributeService.registerStyleAttribute({
|
|
203
233
|
name: 'normal',
|
|
204
234
|
type: AttributeType.Attribute,
|
|
@@ -235,6 +265,8 @@ var LinearLineModel = /*#__PURE__*/function (_BaseModel) {
|
|
|
235
265
|
});
|
|
236
266
|
}
|
|
237
267
|
}]);
|
|
268
|
+
|
|
238
269
|
return LinearLineModel;
|
|
239
270
|
}(BaseModel);
|
|
271
|
+
|
|
240
272
|
export { LinearLineModel as default };
|