@antv/l7-layers 2.9.19 → 2.9.22-alpha.0

package/es/core/triangulation.js

@@ -1,14 +1,19 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { calculateCentroid, calculatePointsCenterAndRadius, lngLatToMeters } from '@antv/l7-utils';
-import earcut from 'earcut';
+import earcut from 'earcut'; // @ts-ignore
+
 import { vec3 } from 'gl-matrix';
-import { EARTH_RADIUS, EARTH_RADIUS_OUTER, EARTH_SEGMENTS, lglt2xyz, primitiveSphere } from '../earth/utils';
-import ExtrudePolyline from '../utils/extrude_polyline';
-import SimpleLine from '../utils/simpleLine';
-import extrudePolygon, { extrude_PolygonNormal, fillPolygon } from './shape/extrude';
-import { geometryShape } from './shape/Path';
+import { EARTH_RADIUS, EARTH_RADIUS_OUTER, EARTH_SEGMENTS, lglt2xyz, primitiveSphere } from "../earth/utils";
+import ExtrudePolyline from "../utils/extrude_polyline";
+import extrudePolygon, { extrude_PolygonNormal, fillPolygon } from "./shape/extrude";
+import { geometryShape } from "./shape/Path";
 var GeometryCache = {};
+/**
+ * 计算2D 填充点图顶点
+ * @param feature 映射feature
+ */
+
 export function PointFillTriangulation(feature) {
   var coordinates = calculateCentroid(feature.coordinates);
   return {
@@ -17,6 +22,11 @@ export function PointFillTriangulation(feature) {
     size: coordinates.length
   };
 }
+/**
+ * 计算2D 填充点图顶点 (地球模式)
+ * @param feature 映射feature
+ */
+
 export function GlobelPointFillTriangulation(feature) {
   var coordinates = calculateCentroid(feature.coordinates);
   var xyz = lglt2xyz(coordinates);
@@ -26,6 +36,11 @@ export function GlobelPointFillTriangulation(feature) {
     size: xyz.length
   };
 }
+/**
+ * 计算3D 拉伸点图
+ * @param feature 映射feature
+ */
+
 export function PointExtrudeTriangulation(feature) {
   var shape = feature.shape;
 
@@ -41,6 +56,11 @@ export function PointExtrudeTriangulation(feature) {
     size: 5
   };
 }
+/**
+ * 计算图片标注
+ * @param feature 映射feature
+ */
+
 export function PointImageTriangulation(feature) {
   var coordinates = calculateCentroid(feature.coordinates);
   return {
@@ -49,34 +69,46 @@ export function PointImageTriangulation(feature) {
     size: coordinates.length
   };
 }
+/**
+ * 线三角化
+ * @param feature 映射feature
+ */
+
 export function LineTriangulation(feature) {
   var coordinates = feature.coordinates,
       originCoordinates = feature.originCoordinates,
-      version = feature.version;
+      version = feature.version; // let path = coordinates as number[][][] | number[][];
+  // if (!Array.isArray(path[0][0])) {
+  //   path = [coordinates] as number[][][];
+  // }
+
   var line = new ExtrudePolyline({
     dash: true,
     join: 'bevel'
   });
 
   if (version === 'GAODE2.x') {
-    var path1 = coordinates;
+    // 处理高德2.0几何体构建
+    var path1 = coordinates; // 计算位置
 
     if (!Array.isArray(path1[0][0])) {
       path1 = [coordinates];
     }
 
-    var path2 = originCoordinates;
+    var path2 = originCoordinates; // 计算法线
 
     if (!Array.isArray(path2[0][0])) {
       path2 = [originCoordinates];
     }
 
     for (var i = 0; i < path1.length; i++) {
+      // 高德2.0在计算线时，需要使用经纬度计算发现，使用 customCoords.lnglatToCoords 计算的数据来计算顶点的位置
       var item1 = path1[i];
       var item2 = path2[i];
       line.extrude_gaode2(item1, item2);
     }
   } else {
+    // 处理非高德2.0的几何体构建
     var path = coordinates;
 
     if (path[0] && !Array.isArray(path[0][0])) {
@@ -91,6 +123,7 @@ export function LineTriangulation(feature) {
   var linebuffer = line.complex;
   return {
     vertices: linebuffer.positions,
+    // [ x,y,z, distance, miter,total ]
     indices: linebuffer.indices,
     normals: linebuffer.normals,
     indexes: linebuffer.indexes,
@@ -98,21 +131,53 @@ export function LineTriangulation(feature) {
   };
 }
 export function SimpleLineTriangulation(feature) {
-  var coordinates = feature.coordinates;
-  var line = new SimpleLine();
-  var path = coordinates;
+  var coordinates = feature.coordinates,
+      originCoordinates = feature.originCoordinates,
+      version = feature.version;
+  var line = new ExtrudePolyline({
+    dash: true,
+    join: 'bevel'
+  });
+
+  if (version === 'GAODE2.x') {
+    // 处理高德2.0几何体构建
+    var path1 = coordinates; // 计算位置
+
+    if (!Array.isArray(path1[0][0])) {
+      path1 = [coordinates];
+    }
+
+    var path2 = originCoordinates; // 计算法线
 
-  if (path[0] && !Array.isArray(path[0][0])) {
-    path = [coordinates];
+    if (!Array.isArray(path2[0][0])) {
+      path2 = [originCoordinates];
+    }
+
+    for (var i = 0; i < path1.length; i++) {
+      // 高德2.0在计算线时，需要使用经纬度计算发现，使用 customCoords.lnglatToCoords 计算的数据来计算顶点的位置
+      var item1 = path1[i];
+      var item2 = path2[i];
+      line.simpleExtrude_gaode2(item1, item2);
+    }
+  } else {
+    // 处理非高德2.0的几何体构建
+    var path = coordinates;
+
+    if (path[0] && !Array.isArray(path[0][0])) {
+      path = [coordinates];
+    }
+
+    path.forEach(function (item) {
+      line.simpleExtrude(item);
+    });
   }
 
-  path.forEach(function (item) {
-    line.simpleExtrude(item);
-  });
   var linebuffer = line.complex;
   return {
     vertices: linebuffer.positions,
+    // [ x,y,z, distance, miter, total ]
     indices: linebuffer.indices,
+    normals: linebuffer.normals,
     size: 6
   };
 }
@@ -127,7 +192,8 @@ export function polygonTriangulation(feature) {
     vertices: vertices,
     size: dimensions
   };
-}
+} // TODO：构建几何图形（带有中心点和大小）
+
 export function polygonTriangulationWithCenter(feature) {
   var coordinates = feature.coordinates;
   var flattengeo = earcut.flatten(coordinates);
@@ -167,6 +233,7 @@ export function PolygonExtrudeTriangulation(feature) {
 
   return {
     vertices: positions,
+    // [ x, y, z, uv.x,uv.y ]
     indices: index,
     normals: normals,
     size: 5
@@ -181,12 +248,19 @@ export function HeatmapGridTriangulation(feature) {
 
   return {
     vertices: positions,
+    // [ x, y, z ] 多边形顶点
     indices: index,
     size: 3
   };
 }
+/**
+ * 图片图层顶点构造
+ * @param feature 数据
+ */
+
 export function RasterImageTriangulation(feature) {
-  var coordinates = feature.coordinates;
+  var coordinates = feature.coordinates; // [ x, y, z. uv.x, uv.y]
+
   var positions = [].concat(_toConsumableArray(coordinates[0]), [0, 0, 1, coordinates[1][0], coordinates[0][1], 0, 1, 1], _toConsumableArray(coordinates[1]), [0, 1, 0], _toConsumableArray(coordinates[0]), [0, 0, 1], _toConsumableArray(coordinates[1]), [0, 1, 0, coordinates[0][0], coordinates[1][1], 0, 0, 0]);
   var indexs = [0, 1, 2, 3, 4, 5];
   return {
@@ -195,6 +269,12 @@ export function RasterImageTriangulation(feature) {
     size: 5
   };
 }
+/**
+ *  计算3D弧线顶点
+ * @param feature 映射数据
+ * @param segNum 弧线线段数
+ */
+
 export function LineArcTriangulation(feature, segmentNumber) {
   var segNum = segmentNumber ? segmentNumber : 30;
   var coordinates = feature.coordinates;
@@ -202,6 +282,8 @@ export function LineArcTriangulation(feature, segmentNumber) {
   var indexArray = [];
 
   var _loop = function _loop(i) {
+    // 上线两个顶点
+    // [ x, y, z, sx,sy, tx,ty]
     positions.push(i, 1, i, coordinates[0][0], coordinates[0][1], coordinates[1][0], coordinates[1][1], i, -1, i, coordinates[0][0], coordinates[0][1], coordinates[1][0], coordinates[1][1]);
 
     if (i !== segNum - 1) {
@@ -221,6 +303,12 @@ export function LineArcTriangulation(feature, segmentNumber) {
     size: 7
   };
 }
+/**
+ * 构建热力图密度图的顶点
+ * @param feature
+ * @returns
+ */
+
 export function HeatmapTriangulation(feature) {
   var coordinates = feature.coordinates;
 
@@ -232,7 +320,8 @@ export function HeatmapTriangulation(feature) {
   var dir = addDir(-1, 1);
   var dir1 = addDir(1, 1);
   var dir2 = addDir(-1, -1);
-  var dir3 = addDir(1, -1);
+  var dir3 = addDir(1, -1); // [x,y,z, dirx ,diry, weight]
+
   var positions = [].concat(_toConsumableArray(coordinates), _toConsumableArray(dir), _toConsumableArray(coordinates), _toConsumableArray(dir2), _toConsumableArray(coordinates), _toConsumableArray(dir3), _toConsumableArray(coordinates), _toConsumableArray(dir1));
   var indexArray = [0, 1, 2, 3, 0, 2];
   return {
@@ -241,6 +330,10 @@ export function HeatmapTriangulation(feature) {
     size: 5
   };
 }
+/**
+ * 点图层3d geomerty
+ * @param shape 3D形状
+ */
 
 function getGeometry(shape) {
   var needFlat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -336,15 +429,22 @@ function checkIsClosed(points) {
 function getHeatmapGeometry(shape) {
   var shape3d = ['cylinder', 'triangleColumn', 'hexagonColumn', 'squareColumn'];
   var path = geometryShape[shape] ? geometryShape[shape]() : geometryShape.circle();
-  var geometry = shape3d.indexOf(shape) === -1 ? fillPolygon([path]) : extrudePolygon([path]);
+  var geometry = shape3d.indexOf(shape) === -1 ? fillPolygon([path]) : extrudePolygon([path]); // const geometry = fillPolygon([path]);
+
   return geometry;
-}
+} // 热力图计算范围
+
 
 function addDir(dirX, dirY) {
   var x = (dirX + 1) / 2;
   var y = (dirY + 1) / 2;
   return [x, y];
 }
+/**
+ * 构建地球三角网格
+ * @returns
+ */
+
 
 export function earthTriangulation() {
   var earthmesh = primitiveSphere(EARTH_RADIUS, {
@@ -373,5 +473,4 @@ export function earthOuterTriangulation() {
     size: 5,
     normals: normalArr
   };
-}
-//# sourceMappingURL=triangulation.js.map
+}

package/es/earth/index.js

@@ -10,10 +10,10 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-import BaseLayer from '../core/BaseLayer';
-import EarthAtomSphereModel from './models/atmosphere';
-import BaseEarthModel from './models/base';
-import EarthBloomSphereModel from './models/bloomsphere';
+import BaseLayer from "../core/BaseLayer";
+import EarthAtomSphereModel from "./models/atmosphere";
+import BaseEarthModel from "./models/base";
+import EarthBloomSphereModel from "./models/bloomsphere";
 var EarthModels = {
   base: BaseEarthModel,
   atomSphere: EarthAtomSphereModel,
@@ -21,7 +21,7 @@ var EarthModels = {
 };
 var earthLayerTypes = ['base', 'atomSphere', 'bloomSphere'];
 
-var EarthLayer = function (_BaseLayer) {
+var EarthLayer = /*#__PURE__*/function (_BaseLayer) {
   _inherits(EarthLayer, _BaseLayer);
 
   var _super = _createSuper(EarthLayer);
@@ -55,6 +55,11 @@ var EarthLayer = function (_BaseLayer) {
         _this2.renderLayers();
       });
     }
+    /**
+     * 设置当前地球时间
+     * @param time
+     */
+
   }, {
     key: "setEarthTime",
     value: function setEarthTime(time) {
@@ -83,5 +88,4 @@ var EarthLayer = function (_BaseLayer) {
   return EarthLayer;
 }(BaseLayer);
 
-export { EarthLayer as default };
-//# sourceMappingURL=index.js.map
+export { EarthLayer as default };

package/es/earth/models/atmosphere.js

@@ -3,19 +3,23 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _isNumber from "lodash/isNumber";
 
 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); }; }
 
 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; } }
 
 import { AttributeType, gl } from '@antv/l7-core';
-import BaseModel from '../../core/BaseModel';
-import { earthTriangulation } from '../../core/triangulation';
+import { isNumber } from 'lodash';
+import BaseModel from "../../core/BaseModel";
+import { earthTriangulation } from "../../core/triangulation";
+
+/* babel-plugin-inline-import '../shaders/atmosphere_frag.glsl' */
 var atmoSphereFrag = "\nuniform float u_opacity;\nuniform vec3 u_CameraPosition;\n\nvarying vec3 vVertexNormal;\nvarying float v_offset;\nvarying vec4 v_Color;\nvoid main() {\n    \n    \n    // float intensity = pow(0.5 + dot(normalize(vVertexNormal), normalize(u_CameraPosition)), 3.0);\n    float intensity = pow(v_offset + dot(normalize(vVertexNormal), normalize(u_CameraPosition)), 3.0);\n    // TODO: \u53BB\u9664\u80CC\u9762\n    if(intensity > 1.0) intensity = 0.0;\n\n    gl_FragColor = vec4(v_Color.rgb, v_Color.a * intensity * u_opacity);\n}\n";
+
+/* babel-plugin-inline-import '../shaders/atmosphere_vert.glsl' */
 var atmoSphereVert = "\nattribute vec3 a_Position;\nattribute vec3 a_Normal;\nattribute vec2 a_Uv;\nattribute vec4 a_Color;\nuniform vec3 u_CameraPosition;\nvarying float v_CamreaDistance;\n\nuniform mat4 u_ViewProjectionMatrix;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_ViewMatrix;\n\nvarying vec3 vVertexNormal;\nvarying vec4 v_Color;\nvarying float v_offset;\n\nvoid main() {\n    float EARTH_RADIUS = 100.0;\n    \n    v_Color = a_Color;\n\n    v_offset = min(((length(u_CameraPosition) - EARTH_RADIUS)/600.0) * 0.5 + 0.4, 1.0);\n    vVertexNormal = a_Normal;\n\n    gl_Position = u_ViewProjectionMatrix * u_ModelMatrix * vec4(a_Position, 1.0);\n}\n";
 
-var EarthAtomSphereModel = function (_BaseModel) {
+var EarthAtomSphereModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(EarthAtomSphereModel, _BaseModel);
 
   var _super = _createSuper(EarthAtomSphereModel);
@@ -34,7 +38,7 @@ var EarthAtomSphereModel = function (_BaseModel) {
           opacity = _ref$opacity === void 0 ? 1 : _ref$opacity;
 
       return {
-        u_opacity: _isNumber(opacity) ? opacity : 1.0
+        u_opacity: isNumber(opacity) ? opacity : 1.0
       };
     }
   }, {
@@ -50,6 +54,7 @@ var EarthAtomSphereModel = function (_BaseModel) {
   }, {
     key: "buildModels",
     value: function buildModels(callbackModel) {
+      // TODO: 调整图层的绘制顺序 地球大气层
       this.layer.zIndex = -997;
       this.layer.buildLayerModel({
         moduleName: 'earthAtmo',
@@ -70,12 +75,14 @@ var EarthAtomSphereModel = function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
+      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'size',
         type: AttributeType.Attribute,
         descriptor: {
           name: 'a_Size',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.DYNAMIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -94,6 +101,7 @@ var EarthAtomSphereModel = function (_BaseModel) {
         descriptor: {
           name: 'a_Normal',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.STATIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -110,6 +118,7 @@ var EarthAtomSphereModel = function (_BaseModel) {
         descriptor: {
           name: 'a_Uv',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.DYNAMIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -126,5 +135,4 @@ var EarthAtomSphereModel = function (_BaseModel) {
   return EarthAtomSphereModel;
 }(BaseModel);
 
-export { EarthAtomSphereModel as default };
-//# sourceMappingURL=atmosphere.js.map
+export { EarthAtomSphereModel as default };

package/es/earth/models/base.js

@@ -11,12 +11,16 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 import { AttributeType, gl } from '@antv/l7-core';
-import BaseModel from '../../core/BaseModel';
-import { earthTriangulation } from '../../core/triangulation';
+import BaseModel from "../../core/BaseModel";
+import { earthTriangulation } from "../../core/triangulation";
+
+/* babel-plugin-inline-import '../shaders/base_frag.glsl' */
 var baseFrag = "\nuniform sampler2D u_texture;\n\nvarying vec2 v_texCoord;\nvarying float v_lightWeight;\n\n\nvoid main() {\n\n    vec4 color = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y));\n    color.xyz = color.xyz * v_lightWeight;\n    gl_FragColor = color;\n}\n";
+
+/* babel-plugin-inline-import '../shaders/base_vert.glsl' */
 var baseVert = "// attribute vec4 a_Color;\nattribute vec3 a_Position;\nattribute vec3 a_Normal;\nattribute vec2 a_Uv;\nvarying vec2 v_texCoord;\n\n// attribute vec2 a_Extrude;\n// attribute float a_Size;\n// attribute float a_Shape;\n\nuniform vec3 u_CameraPosition;\nuniform mat4 u_ViewProjectionMatrix;\nuniform mat4 u_ModelMatrix;\nuniform float u_ambientRatio : 0.5;\nuniform float u_diffuseRatio : 0.3;\nuniform float u_specularRatio : 0.2;\nuniform vec3 u_sunLight: [1.0, -10.5, 12.0];\n\n\n\nfloat calc_lighting(vec4 pos) {\n\n    vec3 worldPos = vec3(pos * u_ModelMatrix);\n\n    vec3 worldNormal = a_Normal;\n\n    // cal light weight\n    vec3 viewDir = normalize(u_CameraPosition - worldPos);\n\n    vec3 lightDir = normalize(u_sunLight);\n\n    vec3 halfDir = normalize(viewDir+lightDir);\n    // lambert\n    float lambert = dot(worldNormal, lightDir);\n    // specular\n    float specular = pow(max(0.0, dot(worldNormal, halfDir)), 32.0);\n    //sum to light weight\n    float lightWeight = u_ambientRatio + u_diffuseRatio * lambert + u_specularRatio * specular;\n\n    return lightWeight;\n}\n\nvarying float v_lightWeight;\nvoid main() {\n\n    v_texCoord = a_Uv;\n\n    float lightWeight = calc_lighting(vec4(a_Position, 1.0));\n    v_lightWeight = lightWeight;\n\n    gl_Position = u_ViewProjectionMatrix * u_ModelMatrix * vec4(a_Position, 1.0);\n}\n";
 
-var BaseEarthModel = function (_BaseModel) {
+var BaseEarthModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(BaseEarthModel, _BaseModel);
 
   var _super = _createSuper(BaseEarthModel);
@@ -32,8 +36,6 @@ var BaseEarthModel = function (_BaseModel) {
 
     _this = _super.call.apply(_super, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this), "texture", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "earthTime", 3.4);
 
     _defineProperty(_assertThisInitialized(_this), "sunX", 1000);
@@ -55,6 +57,8 @@ var BaseEarthModel = function (_BaseModel) {
           globelOtions = _this$layer$getLayerC.globelOtions;
 
       if (animateOption !== null && animateOption !== void 0 && animateOption.enable) {
+        // @ts-ignore
+        // T: rotateY 方法只有在地球模式下存在
         this.mapService.rotateY({
           reg: 0.002
         });
@@ -66,8 +70,12 @@ var BaseEarthModel = function (_BaseModel) {
 
       return {
         u_ambientRatio: (globelOtions === null || globelOtions === void 0 ? void 0 : globelOtions.ambientRatio) || 0.6,
+        // 环境光
         u_diffuseRatio: (globelOtions === null || globelOtions === void 0 ? void 0 : globelOtions.diffuseRatio) || 0.4,
+        // 漫反射
         u_specularRatio: (globelOtions === null || globelOtions === void 0 ? void 0 : globelOtions.specularRatio) || 0.1,
+        // 高光反射
+        // u_sunLight: [120, 120, 120],
         u_sunLight: [this.sunX, this.sunY, this.sunZ],
         u_texture: this.texture
       };
@@ -120,6 +128,7 @@ var BaseEarthModel = function (_BaseModel) {
   }, {
     key: "buildModels",
     value: function buildModels(callbackModel) {
+      // TODO: 调整图层的绘制顺序 地球大气层
       this.layer.zIndex = -998;
       this.layer.buildLayerModel({
         moduleName: 'earthBase',
@@ -140,12 +149,14 @@ var BaseEarthModel = function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
+      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'size',
         type: AttributeType.Attribute,
         descriptor: {
           name: 'a_Size',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.DYNAMIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -164,6 +175,7 @@ var BaseEarthModel = function (_BaseModel) {
         descriptor: {
           name: 'a_Normal',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.STATIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -180,6 +192,7 @@ var BaseEarthModel = function (_BaseModel) {
         descriptor: {
           name: 'a_Uv',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.DYNAMIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -196,5 +209,4 @@ var BaseEarthModel = function (_BaseModel) {
   return BaseEarthModel;
 }(BaseModel);
 
-export { BaseEarthModel as default };
-//# sourceMappingURL=base.js.map
+export { BaseEarthModel as default };

package/es/earth/models/bloomsphere.js

@@ -3,19 +3,23 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _isNumber from "lodash/isNumber";
 
 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); }; }
 
 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; } }
 
 import { AttributeType, gl } from '@antv/l7-core';
-import BaseModel from '../../core/BaseModel';
-import { earthOuterTriangulation } from '../../core/triangulation';
+import { isNumber } from 'lodash';
+import BaseModel from "../../core/BaseModel";
+import { earthOuterTriangulation } from "../../core/triangulation";
+
+/* babel-plugin-inline-import '../shaders/bloomsphere_frag.glsl' */
 var bloomSphereFrag = "\nuniform float u_opacity;\nuniform vec3 u_CameraPosition;\nvarying vec3 vVertexNormal;\n\nvarying vec4 v_Color;\nvoid main() {\n\n\n    float intensity =  - dot(normalize(vVertexNormal), normalize(u_CameraPosition));\n    // TODO: \u53BB\u9664\u80CC\u9762\n    if(intensity > 1.0) intensity = 0.0;\n\n    gl_FragColor = vec4(v_Color.rgb, v_Color.a * intensity * u_opacity);\n}\n";
+
+/* babel-plugin-inline-import '../shaders/bloomsphere_vert.glsl' */
 var bloomSphereVert = "\nattribute vec3 a_Position;\nattribute vec3 a_Normal;\nattribute vec2 a_Uv;\nattribute vec4 a_Color;\nuniform vec3 u_CameraPosition;\nuniform mat4 u_ViewProjectionMatrix;\nuniform mat4 u_ModelMatrix;\nuniform mat4 u_ViewMatrix;\n\nvarying vec3 vVertexNormal;\nvarying vec4 v_Color;\n\nvoid main() {\n    v_Color = a_Color;\n\n    vVertexNormal = a_Normal;\n\n    gl_Position = u_ViewProjectionMatrix * u_ModelMatrix * vec4(a_Position, 1.0);\n}\n";
 
-var EarthBloomSphereModel = function (_BaseModel) {
+var EarthBloomSphereModel = /*#__PURE__*/function (_BaseModel) {
   _inherits(EarthBloomSphereModel, _BaseModel);
 
   var _super = _createSuper(EarthBloomSphereModel);
@@ -34,7 +38,7 @@ var EarthBloomSphereModel = function (_BaseModel) {
           opacity = _ref$opacity === void 0 ? 1 : _ref$opacity;
 
       return {
-        u_opacity: _isNumber(opacity) ? opacity : 1.0
+        u_opacity: isNumber(opacity) ? opacity : 1.0
       };
     }
   }, {
@@ -50,6 +54,7 @@ var EarthBloomSphereModel = function (_BaseModel) {
   }, {
     key: "buildModels",
     value: function buildModels(callbackModel) {
+      // TODO: 调整图层的绘制顺序，让它保持在地球后面（减少锯齿现象）
       this.layer.zIndex = -999;
       this.layer.buildLayerModel({
         moduleName: 'earthBloom',
@@ -70,12 +75,14 @@ var EarthBloomSphereModel = function (_BaseModel) {
   }, {
     key: "registerBuiltinAttributes",
     value: function registerBuiltinAttributes() {
+      // point layer size;
       this.styleAttributeService.registerStyleAttribute({
         name: 'size',
         type: AttributeType.Attribute,
         descriptor: {
           name: 'a_Size',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.DYNAMIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -94,6 +101,7 @@ var EarthBloomSphereModel = function (_BaseModel) {
         descriptor: {
           name: 'a_Normal',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.STATIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -110,6 +118,7 @@ var EarthBloomSphereModel = function (_BaseModel) {
         descriptor: {
           name: 'a_Uv',
           buffer: {
+            // give the WebGL driver a hint that this buffer may change
             usage: gl.DYNAMIC_DRAW,
             data: [],
             type: gl.FLOAT
@@ -126,5 +135,4 @@ var EarthBloomSphereModel = function (_BaseModel) {
   return EarthBloomSphereModel;
 }(BaseModel);
 
-export { EarthBloomSphereModel as default };
-//# sourceMappingURL=bloomsphere.js.map
+export { EarthBloomSphereModel as default };

package/es/earth/shaders/atmosphere_frag.glsl

@@ -0,0 +1,17 @@
+
+uniform float u_opacity;
+uniform vec3 u_CameraPosition;
+
+varying vec3 vVertexNormal;
+varying float v_offset;
+varying vec4 v_Color;
+void main() {
+    
+    
+    // float intensity = pow(0.5 + dot(normalize(vVertexNormal), normalize(u_CameraPosition)), 3.0);
+    float intensity = pow(v_offset + dot(normalize(vVertexNormal), normalize(u_CameraPosition)), 3.0);
+    // TODO: 去除背面
+    if(intensity > 1.0) intensity = 0.0;
+
+    gl_FragColor = vec4(v_Color.rgb, v_Color.a * intensity * u_opacity);
+}

package/es/earth/shaders/atmosphere_vert.glsl

@@ -0,0 +1,26 @@
+
+attribute vec3 a_Position;
+attribute vec3 a_Normal;
+attribute vec2 a_Uv;
+attribute vec4 a_Color;
+uniform vec3 u_CameraPosition;
+varying float v_CamreaDistance;
+
+uniform mat4 u_ViewProjectionMatrix;
+uniform mat4 u_ModelMatrix;
+uniform mat4 u_ViewMatrix;
+
+varying vec3 vVertexNormal;
+varying vec4 v_Color;
+varying float v_offset;
+
+void main() {
+    float EARTH_RADIUS = 100.0;
+    
+    v_Color = a_Color;
+
+    v_offset = min(((length(u_CameraPosition) - EARTH_RADIUS)/600.0) * 0.5 + 0.4, 1.0);
+    vVertexNormal = a_Normal;
+
+    gl_Position = u_ViewProjectionMatrix * u_ModelMatrix * vec4(a_Position, 1.0);
+}

package/es/earth/shaders/base_frag.glsl

@@ -0,0 +1,13 @@
+
+uniform sampler2D u_texture;
+
+varying vec2 v_texCoord;
+varying float v_lightWeight;
+
+
+void main() {
+
+    vec4 color = texture2D(u_texture,vec2(v_texCoord.x,v_texCoord.y));
+    color.xyz = color.xyz * v_lightWeight;
+    gl_FragColor = color;
+}