@antv/l7-layers 2.9.25-alpha.0 → 2.9.25

package/lib/earth/models/base.js

@@ -1,162 +1,222 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/earth/models/base.ts
-var base_exports = {};
-__export(base_exports, {
-  default: () => BaseEarthModel
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(base_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_BaseModel = __toESM(require("../../core/BaseModel"));
-var import_triangulation = require("../../core/triangulation");
-var import_base_frag = __toESM(require("../shaders/base_frag.glsl"));
-var import_base_vert = __toESM(require("../shaders/base_vert.glsl"));
-var BaseEarthModel = class extends import_BaseModel.default {
-  constructor() {
-    super(...arguments);
-    this.earthTime = 3.4;
-    this.sunX = 1e3;
-    this.sunY = 1e3;
-    this.sunZ = 1e3;
-    this.sunRadius = Math.sqrt(this.sunX * this.sunX + this.sunY * this.sunY + this.sunZ * this.sunZ);
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _BaseModel2 = _interopRequireDefault(require("../../core/BaseModel"));
+
+var _triangulation = require("../../core/triangulation");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+/* 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 = /*#__PURE__*/function (_BaseModel) {
+  (0, _inherits2.default)(BaseEarthModel, _BaseModel);
+
+  var _super = _createSuper(BaseEarthModel);
+
+  function BaseEarthModel() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, BaseEarthModel);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "earthTime", 3.4);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sunX", 1000);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sunY", 1000);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sunZ", 1000);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "sunRadius", Math.sqrt(_this.sunX * _this.sunX + _this.sunY * _this.sunY + _this.sunZ * _this.sunZ));
+    return _this;
   }
-  getUninforms() {
-    const { animateOption, globelOtions } = this.layer.getLayerConfig();
-    if (animateOption == null ? void 0 : animateOption.enable) {
-      this.mapService.rotateY({
-        reg: 2e-3
-      });
-      this.earthTime += 0.02;
+
+  (0, _createClass2.default)(BaseEarthModel, [{
+    key: "getUninforms",
+    value: function getUninforms() {
+      var _this$layer$getLayerC = this.layer.getLayerConfig(),
+          animateOption = _this$layer$getLayerC.animateOption,
+          globelOtions = _this$layer$getLayerC.globelOtions;
+
+      if (animateOption !== null && animateOption !== void 0 && animateOption.enable) {
+        // @ts-ignore
+        // T: rotateY 方法只有在地球模式下存在
+        this.mapService.rotateY({
+          reg: 0.002
+        });
+        this.earthTime += 0.02;
+        this.sunY = 10;
+        this.sunX = Math.cos(this.earthTime) * (this.sunRadius - this.sunY);
+        this.sunZ = Math.sin(this.earthTime) * (this.sunRadius - this.sunY);
+      }
+
+      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
+      };
+    }
+  }, {
+    key: "setEarthTime",
+    value: function setEarthTime(time) {
+      this.earthTime = time;
       this.sunY = 10;
       this.sunX = Math.cos(this.earthTime) * (this.sunRadius - this.sunY);
       this.sunZ = Math.sin(this.earthTime) * (this.sunRadius - this.sunY);
+      this.layerService.renderLayers();
     }
-    return {
-      u_ambientRatio: (globelOtions == null ? void 0 : globelOtions.ambientRatio) || 0.6,
-      u_diffuseRatio: (globelOtions == null ? void 0 : globelOtions.diffuseRatio) || 0.4,
-      u_specularRatio: (globelOtions == null ? void 0 : globelOtions.specularRatio) || 0.1,
-      u_sunLight: [this.sunX, this.sunY, this.sunZ],
-      u_texture: this.texture
-    };
-  }
-  setEarthTime(time) {
-    this.earthTime = time;
-    this.sunY = 10;
-    this.sunX = Math.cos(this.earthTime) * (this.sunRadius - this.sunY);
-    this.sunZ = Math.sin(this.earthTime) * (this.sunRadius - this.sunY);
-    this.layerService.renderLayers();
-  }
-  initModels(callbackModel) {
-    const { globelOtions } = this.layer.getLayerConfig();
-    if ((globelOtions == null ? void 0 : globelOtions.earthTime) !== void 0) {
-      this.setEarthTime(globelOtions.earthTime);
-    }
-    const source = this.layer.getSource();
-    const { createTexture2D } = this.rendererService;
-    this.texture = createTexture2D({
-      height: 0,
-      width: 0
-    });
-    source.data.images.then((imageData) => {
+  }, {
+    key: "initModels",
+    value: function initModels(callbackModel) {
+      var _this2 = this;
+
+      var _this$layer$getLayerC2 = this.layer.getLayerConfig(),
+          globelOtions = _this$layer$getLayerC2.globelOtions;
+
+      if ((globelOtions === null || globelOtions === void 0 ? void 0 : globelOtions.earthTime) !== undefined) {
+        this.setEarthTime(globelOtions.earthTime);
+      }
+
+      var source = this.layer.getSource();
+      var createTexture2D = this.rendererService.createTexture2D;
       this.texture = createTexture2D({
-        data: imageData[0],
-        width: imageData[0].width,
-        height: imageData[0].height
+        height: 0,
+        width: 0
       });
-      this.layerService.updateLayerRenderList();
-      this.layerService.renderLayers();
-    });
-    this.buildModels(callbackModel);
-  }
-  clearModels() {
-    return "";
-  }
-  buildModels(callbackModel) {
-    this.layer.zIndex = -998;
-    this.layer.buildLayerModel({
-      moduleName: "earthBase",
-      vertexShader: import_base_vert.default,
-      fragmentShader: import_base_frag.default,
-      triangulation: import_triangulation.earthTriangulation,
-      depth: { enable: true },
-      blend: this.getBlend()
-    }).then((model) => {
-      callbackModel([model]);
-    }).catch((err) => {
-      console.warn(err);
-      callbackModel([]);
-    });
-  }
-  registerBuiltinAttributes() {
-    this.styleAttributeService.registerStyleAttribute({
-      name: "size",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Size",
-        buffer: {
-          usage: import_l7_core.gl.DYNAMIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
+      source.data.images.then(function (imageData) {
+        _this2.texture = createTexture2D({
+          data: imageData[0],
+          width: imageData[0].width,
+          height: imageData[0].height
+        });
+
+        _this2.layerService.updateLayerRenderList();
+
+        _this2.layerService.renderLayers();
+      });
+      this.buildModels(callbackModel);
+    }
+  }, {
+    key: "clearModels",
+    value: function clearModels() {
+      return '';
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels(callbackModel) {
+      // TODO: 调整图层的绘制顺序 地球大气层
+      this.layer.zIndex = -998;
+      this.layer.buildLayerModel({
+        moduleName: 'earthBase',
+        vertexShader: baseVert,
+        fragmentShader: baseFrag,
+        triangulation: _triangulation.earthTriangulation,
+        depth: {
+          enable: true
         },
-        size: 1,
-        update: (feature, featureIdx, vertex, attributeIdx) => {
-          const { size = 1 } = feature;
-          return Array.isArray(size) ? [size[0]] : [size];
+        blend: this.getBlend()
+      }).then(function (model) {
+        callbackModel([model]);
+      }).catch(function (err) {
+        console.warn(err);
+        callbackModel([]);
+      });
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes() {
+      // point layer size;
+      this.styleAttributeService.registerStyleAttribute({
+        name: 'size',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Size',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.DYNAMIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 1,
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
+            var _feature$size = feature.size,
+                size = _feature$size === void 0 ? 1 : _feature$size;
+            return Array.isArray(size) ? [size[0]] : [size];
+          }
         }
-      }
-    });
-    this.styleAttributeService.registerStyleAttribute({
-      name: "normal",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Normal",
-        buffer: {
-          usage: import_l7_core.gl.STATIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 3,
-        update: (feature, featureIdx, vertex, attributeIdx, normal) => {
-          return normal;
+      });
+      this.styleAttributeService.registerStyleAttribute({
+        name: 'normal',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Normal',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.STATIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 3,
+          update: function update(feature, featureIdx, vertex, attributeIdx, normal) {
+            return normal;
+          }
         }
-      }
-    });
-    this.styleAttributeService.registerStyleAttribute({
-      name: "uv",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Uv",
-        buffer: {
-          usage: import_l7_core.gl.DYNAMIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 2,
-        update: (feature, featureIdx, vertex, attributeIdx) => {
-          return [vertex[3], vertex[4]];
+      });
+      this.styleAttributeService.registerStyleAttribute({
+        name: 'uv',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Uv',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.DYNAMIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 2,
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
+            return [vertex[3], vertex[4]];
+          }
         }
-      }
-    });
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+      });
+    }
+  }]);
+  return BaseEarthModel;
+}(_BaseModel2.default);
+
+exports.default = BaseEarthModel;

package/lib/earth/models/bloomsphere.js

@@ -1,118 +1,152 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/earth/models/bloomsphere.ts
-var bloomsphere_exports = {};
-__export(bloomsphere_exports, {
-  default: () => EarthBloomSphereModel
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(bloomsphere_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_lodash = require("lodash");
-var import_BaseModel = __toESM(require("../../core/BaseModel"));
-var import_triangulation = require("../../core/triangulation");
-var import_bloomsphere_frag = __toESM(require("../shaders/bloomsphere_frag.glsl"));
-var import_bloomsphere_vert = __toESM(require("../shaders/bloomsphere_vert.glsl"));
-var EarthBloomSphereModel = class extends import_BaseModel.default {
-  getUninforms() {
-    const {
-      opacity = 1
-    } = this.layer.getLayerConfig();
-    return {
-      u_opacity: (0, import_lodash.isNumber)(opacity) ? opacity : 1
-    };
-  }
-  initModels(callbackModel) {
-    this.buildModels(callbackModel);
-  }
-  clearModels() {
-    return "";
-  }
-  buildModels(callbackModel) {
-    this.layer.zIndex = -999;
-    this.layer.buildLayerModel({
-      moduleName: "earthBloom",
-      vertexShader: import_bloomsphere_vert.default,
-      fragmentShader: import_bloomsphere_frag.default,
-      triangulation: import_triangulation.earthOuterTriangulation,
-      depth: { enable: false },
-      blend: this.getBlend()
-    }).then((model) => {
-      callbackModel([model]);
-    }).catch((err) => {
-      console.warn(err);
-      callbackModel([]);
-    });
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _lodash = require("lodash");
+
+var _BaseModel2 = _interopRequireDefault(require("../../core/BaseModel"));
+
+var _triangulation = require("../../core/triangulation");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+/* 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 = /*#__PURE__*/function (_BaseModel) {
+  (0, _inherits2.default)(EarthBloomSphereModel, _BaseModel);
+
+  var _super = _createSuper(EarthBloomSphereModel);
+
+  function EarthBloomSphereModel() {
+    (0, _classCallCheck2.default)(this, EarthBloomSphereModel);
+    return _super.apply(this, arguments);
   }
-  registerBuiltinAttributes() {
-    this.styleAttributeService.registerStyleAttribute({
-      name: "size",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Size",
-        buffer: {
-          usage: import_l7_core.gl.DYNAMIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
+
+  (0, _createClass2.default)(EarthBloomSphereModel, [{
+    key: "getUninforms",
+    value: function getUninforms() {
+      var _ref = this.layer.getLayerConfig(),
+          _ref$opacity = _ref.opacity,
+          opacity = _ref$opacity === void 0 ? 1 : _ref$opacity;
+
+      return {
+        u_opacity: (0, _lodash.isNumber)(opacity) ? opacity : 1.0
+      };
+    }
+  }, {
+    key: "initModels",
+    value: function initModels(callbackModel) {
+      this.buildModels(callbackModel);
+    }
+  }, {
+    key: "clearModels",
+    value: function clearModels() {
+      return '';
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels(callbackModel) {
+      // TODO: 调整图层的绘制顺序，让它保持在地球后面（减少锯齿现象）
+      this.layer.zIndex = -999;
+      this.layer.buildLayerModel({
+        moduleName: 'earthBloom',
+        vertexShader: bloomSphereVert,
+        fragmentShader: bloomSphereFrag,
+        triangulation: _triangulation.earthOuterTriangulation,
+        depth: {
+          enable: false
         },
-        size: 1,
-        update: (feature, featureIdx, vertex, attributeIdx) => {
-          const { size = 1 } = feature;
-          return Array.isArray(size) ? [size[0]] : [size];
+        blend: this.getBlend()
+      }).then(function (model) {
+        callbackModel([model]);
+      }).catch(function (err) {
+        console.warn(err);
+        callbackModel([]);
+      });
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes() {
+      // point layer size;
+      this.styleAttributeService.registerStyleAttribute({
+        name: 'size',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Size',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.DYNAMIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 1,
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
+            var _feature$size = feature.size,
+                size = _feature$size === void 0 ? 1 : _feature$size;
+            return Array.isArray(size) ? [size[0]] : [size];
+          }
         }
-      }
-    });
-    this.styleAttributeService.registerStyleAttribute({
-      name: "normal",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Normal",
-        buffer: {
-          usage: import_l7_core.gl.STATIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 3,
-        update: (feature, featureIdx, vertex, attributeIdx, normal) => {
-          return normal;
+      });
+      this.styleAttributeService.registerStyleAttribute({
+        name: 'normal',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Normal',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.STATIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 3,
+          update: function update(feature, featureIdx, vertex, attributeIdx, normal) {
+            return normal;
+          }
         }
-      }
-    });
-    this.styleAttributeService.registerStyleAttribute({
-      name: "uv",
-      type: import_l7_core.AttributeType.Attribute,
-      descriptor: {
-        name: "a_Uv",
-        buffer: {
-          usage: import_l7_core.gl.DYNAMIC_DRAW,
-          data: [],
-          type: import_l7_core.gl.FLOAT
-        },
-        size: 2,
-        update: (feature, featureIdx, vertex, attributeIdx) => {
-          return [vertex[3], vertex[4]];
+      });
+      this.styleAttributeService.registerStyleAttribute({
+        name: 'uv',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Uv',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.DYNAMIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 2,
+          update: function update(feature, featureIdx, vertex, attributeIdx) {
+            return [vertex[3], vertex[4]];
+          }
         }
-      }
-    });
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+      });
+    }
+  }]);
+  return EarthBloomSphereModel;
+}(_BaseModel2.default);
+
+exports.default = EarthBloomSphereModel;