@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.
Files changed (242) hide show
  1. package/es/Geometry/index.js +31 -9
  2. package/es/Geometry/models/billboard.js +89 -51
  3. package/es/Geometry/models/plane.js +143 -81
  4. package/es/Geometry/models/sprite.js +118 -60
  5. package/es/canvas/index.js +33 -10
  6. package/es/canvas/models/canvas.js +97 -41
  7. package/es/citybuliding/building.js +27 -8
  8. package/es/citybuliding/models/build.js +82 -57
  9. package/es/core/BaseLayer.js +478 -313
  10. package/es/core/BaseModel.js +80 -51
  11. package/es/core/CommonStyleAttribute.js +5 -2
  12. package/es/core/LayerPickService.js +32 -21
  13. package/es/core/TextureService.js +13 -0
  14. package/es/core/interface.js +24 -17
  15. package/es/core/shape/Path.js +20 -13
  16. package/es/core/shape/extrude.js +39 -27
  17. package/es/core/triangulation.js +136 -99
  18. package/es/earth/index.js +33 -9
  19. package/es/earth/models/atmosphere.js +54 -30
  20. package/es/earth/models/base.js +85 -47
  21. package/es/earth/models/bloomsphere.js +54 -30
  22. package/es/earth/utils.js +13 -9
  23. package/es/heatmap/index.js +40 -10
  24. package/es/heatmap/models/grid.js +52 -28
  25. package/es/heatmap/models/grid3d.js +52 -28
  26. package/es/heatmap/models/heatmap.js +149 -92
  27. package/es/heatmap/models/hexagon.js +52 -28
  28. package/es/heatmap/triangulation.js +4 -0
  29. package/es/image/index.js +28 -9
  30. package/es/image/models/image.js +100 -66
  31. package/es/index.js +17 -9
  32. package/es/line/index.js +35 -9
  33. package/es/line/models/arc.js +112 -63
  34. package/es/line/models/arc_3d.js +102 -58
  35. package/es/line/models/earthArc_3d.js +105 -60
  36. package/es/line/models/flow.js +60 -36
  37. package/es/line/models/great_circle.js +94 -53
  38. package/es/line/models/line.js +136 -85
  39. package/es/line/models/linearline.js +74 -42
  40. package/es/line/models/simpleLine.js +67 -38
  41. package/es/line/models/wall.js +92 -52
  42. package/es/mask/index.js +28 -9
  43. package/es/mask/models/fill.js +54 -29
  44. package/es/plugins/DataMappingPlugin.js +114 -78
  45. package/es/plugins/DataSourcePlugin.js +68 -45
  46. package/es/plugins/FeatureScalePlugin.js +122 -67
  47. package/es/plugins/LayerAnimateStylePlugin.js +5 -0
  48. package/es/plugins/LayerMaskPlugin.js +11 -3
  49. package/es/plugins/LayerModelPlugin.js +108 -69
  50. package/es/plugins/LayerStylePlugin.js +9 -3
  51. package/es/plugins/LightingPlugin.js +18 -12
  52. package/es/plugins/MultiPassRendererPlugin.js +16 -11
  53. package/es/plugins/PixelPickingPlugin.js +21 -12
  54. package/es/plugins/RegisterStyleAttributePlugin.js +12 -5
  55. package/es/plugins/ShaderUniformPlugin.js +27 -13
  56. package/es/plugins/UpdateModelPlugin.js +5 -0
  57. package/es/plugins/UpdateStyleAttributePlugin.js +11 -5
  58. package/es/point/index.js +78 -26
  59. package/es/point/models/earthExtrude.js +95 -58
  60. package/es/point/models/earthFill.js +80 -52
  61. package/es/point/models/extrude.js +94 -57
  62. package/es/point/models/fill.js +81 -56
  63. package/es/point/models/fillmage.js +100 -60
  64. package/es/point/models/image.js +83 -47
  65. package/es/point/models/index.js +2 -2
  66. package/es/point/models/normal.js +54 -30
  67. package/es/point/models/radar.js +63 -38
  68. package/es/point/models/simplePoint.js +62 -38
  69. package/es/point/models/text.js +296 -199
  70. package/es/point/shape/extrude.js +13 -4
  71. package/es/polygon/index.js +41 -11
  72. package/es/polygon/models/extrude.js +135 -87
  73. package/es/polygon/models/fill.js +79 -50
  74. package/es/polygon/models/index.js +2 -3
  75. package/es/polygon/models/ocean.js +76 -42
  76. package/es/polygon/models/water.js +71 -37
  77. package/es/raster/buffers/triangulation.js +4 -2
  78. package/es/raster/index.js +32 -9
  79. package/es/raster/models/raster.js +116 -80
  80. package/es/raster/models/rasterRgb.js +127 -84
  81. package/es/raster/models/rasterTerrainRgb.js +84 -56
  82. package/es/tile/interaction/getRasterData.js +20 -14
  83. package/es/tile/interaction/utils.js +9 -7
  84. package/es/tile/manager/base.js +96 -63
  85. package/es/tile/service/TileLayerService.js +55 -33
  86. package/es/tile/service/TilePickService.js +40 -26
  87. package/es/tile/service/TileSourceService.js +7 -3
  88. package/es/tile/tileFactory/DebugTile.js +46 -29
  89. package/es/tile/tileFactory/ImageTile.js +38 -20
  90. package/es/tile/tileFactory/MaskTile.js +43 -22
  91. package/es/tile/tileFactory/RasterRGBTile.js +42 -22
  92. package/es/tile/tileFactory/RasterTerrainRGBTile.js +38 -20
  93. package/es/tile/tileFactory/RasterTile.js +53 -30
  94. package/es/tile/tileFactory/Tile.js +97 -63
  95. package/es/tile/tileFactory/VectorTile.js +68 -41
  96. package/es/tile/tileFactory/index.js +11 -0
  97. package/es/tile/tileFactory/layers/TileDebugLayer.js +27 -6
  98. package/es/tile/tileFactory/util.js +3 -0
  99. package/es/tile/tileLayer/BaseLayer.js +146 -105
  100. package/es/tile/utils.js +1 -1
  101. package/es/utils/blend.js +2 -0
  102. package/es/utils/collision-index.js +16 -9
  103. package/es/utils/extrude_polyline.js +149 -101
  104. package/es/utils/grid-index.js +27 -2
  105. package/es/utils/identityScale.js +8 -0
  106. package/es/utils/layerData.js +44 -30
  107. package/es/utils/multiPassRender.js +13 -11
  108. package/es/utils/polylineNormal.js +37 -31
  109. package/es/utils/simpleLine.js +16 -2
  110. package/es/utils/stencil.js +3 -2
  111. package/es/utils/symbol-layout.js +53 -27
  112. package/es/wind/index.js +29 -9
  113. package/es/wind/models/utils.js +51 -26
  114. package/es/wind/models/wind.js +147 -101
  115. package/es/wind/models/windRender.js +66 -53
  116. package/lib/Geometry/index.js +38 -9
  117. package/lib/Geometry/models/billboard.js +97 -51
  118. package/lib/Geometry/models/index.js +5 -0
  119. package/lib/Geometry/models/plane.js +151 -79
  120. package/lib/Geometry/models/sprite.js +127 -60
  121. package/lib/canvas/index.js +40 -10
  122. package/lib/canvas/models/canvas.js +101 -41
  123. package/lib/canvas/models/index.js +3 -0
  124. package/lib/citybuliding/building.js +35 -8
  125. package/lib/citybuliding/models/build.js +92 -57
  126. package/lib/core/BaseLayer.js +469 -313
  127. package/lib/core/BaseModel.js +90 -51
  128. package/lib/core/CommonStyleAttribute.js +7 -2
  129. package/lib/core/LayerPickService.js +37 -21
  130. package/lib/core/TextureService.js +16 -0
  131. package/lib/core/interface.js +31 -21
  132. package/lib/core/schema.js +1 -0
  133. package/lib/core/shape/Path.js +31 -14
  134. package/lib/core/shape/extrude.js +62 -27
  135. package/lib/core/triangulation.js +177 -98
  136. package/lib/earth/index.js +43 -9
  137. package/lib/earth/models/atmosphere.js +63 -30
  138. package/lib/earth/models/base.js +90 -47
  139. package/lib/earth/models/bloomsphere.js +63 -30
  140. package/lib/earth/utils.js +31 -7
  141. package/lib/heatmap/index.js +48 -10
  142. package/lib/heatmap/models/grid.js +60 -28
  143. package/lib/heatmap/models/grid3d.js +60 -28
  144. package/lib/heatmap/models/heatmap.js +166 -92
  145. package/lib/heatmap/models/hexagon.js +60 -28
  146. package/lib/heatmap/models/index.js +6 -0
  147. package/lib/heatmap/triangulation.js +5 -0
  148. package/lib/image/index.js +36 -9
  149. package/lib/image/models/image.js +109 -66
  150. package/lib/image/models/index.js +3 -0
  151. package/lib/index.js +61 -7
  152. package/lib/line/index.js +40 -9
  153. package/lib/line/models/arc.js +122 -61
  154. package/lib/line/models/arc_3d.js +113 -56
  155. package/lib/line/models/earthArc_3d.js +115 -58
  156. package/lib/line/models/flow.js +70 -36
  157. package/lib/line/models/great_circle.js +104 -53
  158. package/lib/line/models/index.js +11 -0
  159. package/lib/line/models/line.js +144 -83
  160. package/lib/line/models/linearline.js +86 -42
  161. package/lib/line/models/simpleLine.js +77 -38
  162. package/lib/line/models/wall.js +103 -52
  163. package/lib/mask/index.js +36 -9
  164. package/lib/mask/models/fill.js +63 -29
  165. package/lib/mask/models/index.js +3 -0
  166. package/lib/plugins/DataMappingPlugin.js +125 -78
  167. package/lib/plugins/DataSourcePlugin.js +76 -45
  168. package/lib/plugins/FeatureScalePlugin.js +138 -67
  169. package/lib/plugins/LayerAnimateStylePlugin.js +10 -0
  170. package/lib/plugins/LayerMaskPlugin.js +17 -4
  171. package/lib/plugins/LayerModelPlugin.js +117 -70
  172. package/lib/plugins/LayerStylePlugin.js +14 -4
  173. package/lib/plugins/LightingPlugin.js +25 -12
  174. package/lib/plugins/MultiPassRendererPlugin.js +22 -11
  175. package/lib/plugins/PixelPickingPlugin.js +27 -12
  176. package/lib/plugins/RegisterStyleAttributePlugin.js +19 -5
  177. package/lib/plugins/ShaderUniformPlugin.js +34 -13
  178. package/lib/plugins/UpdateModelPlugin.js +10 -1
  179. package/lib/plugins/UpdateStyleAttributePlugin.js +16 -5
  180. package/lib/point/index.js +83 -26
  181. package/lib/point/models/earthExtrude.js +106 -58
  182. package/lib/point/models/earthFill.js +110 -52
  183. package/lib/point/models/extrude.js +103 -57
  184. package/lib/point/models/fill.js +90 -54
  185. package/lib/point/models/fillmage.js +107 -58
  186. package/lib/point/models/image.js +92 -47
  187. package/lib/point/models/index.js +12 -1
  188. package/lib/point/models/normal.js +64 -30
  189. package/lib/point/models/radar.js +72 -38
  190. package/lib/point/models/simplePoint.js +72 -38
  191. package/lib/point/models/text.js +305 -199
  192. package/lib/point/shape/extrude.js +20 -4
  193. package/lib/polygon/index.js +48 -11
  194. package/lib/polygon/models/extrude.js +146 -87
  195. package/lib/polygon/models/fill.js +89 -50
  196. package/lib/polygon/models/index.js +14 -2
  197. package/lib/polygon/models/ocean.js +88 -42
  198. package/lib/polygon/models/water.js +82 -37
  199. package/lib/raster/buffers/triangulation.js +7 -3
  200. package/lib/raster/index.js +40 -9
  201. package/lib/raster/models/index.js +5 -0
  202. package/lib/raster/models/raster.js +125 -80
  203. package/lib/raster/models/rasterRgb.js +139 -84
  204. package/lib/raster/models/rasterTerrainRgb.js +93 -56
  205. package/lib/tile/interaction/getRasterData.js +25 -14
  206. package/lib/tile/interaction/utils.js +19 -7
  207. package/lib/tile/manager/base.js +104 -63
  208. package/lib/tile/service/TileLayerService.js +60 -33
  209. package/lib/tile/service/TilePickService.js +48 -26
  210. package/lib/tile/service/TileSourceService.js +16 -2
  211. package/lib/tile/style/utils.js +3 -0
  212. package/lib/tile/tileFactory/DebugTile.js +54 -29
  213. package/lib/tile/tileFactory/ImageTile.js +46 -20
  214. package/lib/tile/tileFactory/MaskTile.js +51 -22
  215. package/lib/tile/tileFactory/RasterRGBTile.js +50 -22
  216. package/lib/tile/tileFactory/RasterTerrainRGBTile.js +46 -20
  217. package/lib/tile/tileFactory/RasterTile.js +63 -30
  218. package/lib/tile/tileFactory/Tile.js +102 -63
  219. package/lib/tile/tileFactory/VectorTile.js +76 -41
  220. package/lib/tile/tileFactory/index.js +25 -0
  221. package/lib/tile/tileFactory/layers/TileDebugLayer.js +32 -6
  222. package/lib/tile/tileFactory/util.js +9 -0
  223. package/lib/tile/tileLayer/BaseLayer.js +153 -105
  224. package/lib/tile/utils.js +5 -1
  225. package/lib/utils/blend.js +5 -0
  226. package/lib/utils/collision-index.js +25 -9
  227. package/lib/utils/extrude_polyline.js +181 -101
  228. package/lib/utils/grid-index.js +28 -2
  229. package/lib/utils/identityScale.js +9 -0
  230. package/lib/utils/layerData.js +49 -30
  231. package/lib/utils/multiPassRender.js +16 -11
  232. package/lib/utils/polylineNormal.js +66 -31
  233. package/lib/utils/simpleLine.js +21 -2
  234. package/lib/utils/stencil.js +4 -0
  235. package/lib/utils/symbol-layout.js +55 -27
  236. package/lib/wind/index.js +37 -9
  237. package/lib/wind/models/index.js +3 -0
  238. package/lib/wind/models/utils.js +62 -26
  239. package/lib/wind/models/wind.js +157 -101
  240. package/lib/wind/models/windRender.js +71 -53
  241. package/lib/wind/models/windShader.js +1 -0
  242. package/package.json +7 -7
@@ -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
- _ref$opacity = _ref.opacity,
77
- opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
78
- sourceColor = _ref.sourceColor,
79
- targetColor = _ref.targetColor,
80
- _ref$textureBlend = _ref.textureBlend,
81
- textureBlend = _ref$textureBlend === void 0 ? 'normal' : _ref$textureBlend,
82
- _ref$lineType = _ref.lineType,
83
- lineType = _ref$lineType === void 0 ? 'solid' : _ref$lineType,
84
- _ref$dashArray = _ref.dashArray,
85
- dashArray = _ref$dashArray === void 0 ? [10, 5, 0, 0] : _ref$dashArray,
86
- _ref$lineTexture = _ref.lineTexture,
87
- lineTexture = _ref$lineTexture === void 0 ? false : _ref$lineTexture,
88
- _ref$iconStep = _ref.iconStep,
89
- iconStep = _ref$iconStep === void 0 ? 100 : _ref$iconStep,
90
- _ref$vertexHeightScal = _ref.vertexHeightScale,
91
- vertexHeightScale = _ref$vertexHeightScal === void 0 ? 20.0 : _ref$vertexHeightScal,
92
- _ref$borderWidth = _ref.borderWidth,
93
- borderWidth = _ref$borderWidth === void 0 ? 0.0 : _ref$borderWidth,
94
- _ref$borderColor = _ref.borderColor,
95
- borderColor = _ref$borderColor === void 0 ? '#ccc' : _ref$borderColor,
96
- _ref$raisingHeight = _ref.raisingHeight,
97
- raisingHeight = _ref$raisingHeight === void 0 ? 0 : _ref$raisingHeight,
98
- _ref$heightfixed = _ref.heightfixed,
99
- heightfixed = _ref$heightfixed === void 0 ? false : _ref$heightfixed,
100
- _ref$linearDir = _ref.linearDir,
101
- linearDir = _ref$linearDir === void 0 ? LinearDir.VERTICAL : _ref$linearDir,
102
- _ref$blur = _ref.blur,
103
- blur = _ref$blur === void 0 ? [1, 1, 1] : _ref$blur,
104
- _ref$arrow = _ref.arrow,
105
- arrow = _ref$arrow === void 0 ? {
106
- enable: false,
107
- arrowWidth: 2,
108
- arrowHeight: 3,
109
- tailWidth: 1
110
- } : _ref$arrow;
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
- animateOption = _ref2.animateOption;
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) switch (_context.prev = _context.next) {
176
- case 0:
177
- // this.updateTexture();
178
- // this.iconService.on('imageUpdate', this.updateTexture);
179
- if (!this.textureEventFlag) {
180
- this.textureEventFlag = true;
181
- this.updateTexture();
182
- this.iconService.on('imageUpdate', this.updateTexture);
183
- }
184
- return _context.abrupt("return", this.buildModels());
185
- case 2:
186
- case "end":
187
- return _context.stop();
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) switch (_context2.prev = _context2.next) {
210
- case 0:
211
- _ref3 = this.layer.getLayerConfig(), _ref3$depth = _ref3.depth, depth = _ref3$depth === void 0 ? false : _ref3$depth;
212
- _this$getShaders = this.getShaders(), frag = _this$getShaders.frag, vert = _this$getShaders.vert, type = _this$getShaders.type; // console.log(frag)
213
- this.layer.triangulation = LineTriangulation;
214
- _context2.next = 5;
215
- return this.layer.buildLayerModel({
216
- moduleName: 'line' + type,
217
- vertexShader: vert,
218
- fragmentShader: frag,
219
- triangulation: LineTriangulation,
220
- depth: {
221
- enable: depth
222
- }
223
- });
224
- case 5:
225
- model = _context2.sent;
226
- return _context2.abrupt("return", [model]);
227
- case 7:
228
- case "end":
229
- return _context2.stop();
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
- sourceColor = _ref4.sourceColor,
247
- targetColor = _ref4.targetColor,
248
- lineType = _ref4.lineType;
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
- size = _feature$size === void 0 ? 1 : _feature$size;
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
- x: 0,
381
- y: 0
382
- },
383
- x = _ref5.x,
384
- y = _ref5.y;
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
- rampColors = _ref.rampColors;
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
- _ref2$opacity = _ref2.opacity,
58
- opacity = _ref2$opacity === void 0 ? 1 : _ref2$opacity,
59
- _ref2$vertexHeightSca = _ref2.vertexHeightScale,
60
- vertexHeightScale = _ref2$vertexHeightSca === void 0 ? 20.0 : _ref2$vertexHeightSca,
61
- _ref2$raisingHeight = _ref2.raisingHeight,
62
- raisingHeight = _ref2$raisingHeight === void 0 ? 0 : _ref2$raisingHeight,
63
- _ref2$heightfixed = _ref2.heightfixed,
64
- heightfixed = _ref2$heightfixed === void 0 ? false : _ref2$heightfixed,
65
- _ref2$linearDir = _ref2.linearDir,
66
- linearDir = _ref2$linearDir === void 0 ? LinearDir.VERTICAL : _ref2$linearDir;
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) switch (_context.prev = _context.next) {
90
- case 0:
91
- this.updateTexture();
92
- return _context.abrupt("return", this.buildModels());
93
- case 2:
94
- case "end":
95
- return _context.stop();
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) switch (_context2.prev = _context2.next) {
117
- case 0:
118
- _ref3 = this.layer.getLayerConfig(), _ref3$depth = _ref3.depth, depth = _ref3$depth === void 0 ? false : _ref3$depth;
119
- this.layer.triangulation = LineTriangulation;
120
- _context2.next = 4;
121
- return this.layer.buildLayerModel({
122
- moduleName: 'lineRampColors',
123
- vertexShader: linear_line_vert,
124
- fragmentShader: linear_line_frag,
125
- triangulation: LineTriangulation,
126
- depth: {
127
- enable: depth
128
- }
129
- });
130
- case 4:
131
- model = _context2.sent;
132
- return _context2.abrupt("return", [model]);
133
- case 6:
134
- case "end":
135
- return _context2.stop();
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
- size = _feature$size === void 0 ? 1 : _feature$size;
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 };