@antv/l7-layers 2.9.37-alpha.2 → 2.9.37-alpha.3

package/lib/plugins/LightingPlugin.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.generateLightingUniforms = generateLightingUniforms;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var _excluded = ["type"];
+var lightTypeUniformMap = {
+  directional: {
+    lights: 'u_DirectionalLights',
+    num: 'u_NumOfDirectionalLights'
+  },
+  spot: {
+    lights: 'u_SpotLights',
+    num: 'u_NumOfSpotLights'
+  }
+};
+var DEFAULT_LIGHT = {
+  type: 'directional',
+  direction: [1, 10.5, 12],
+  ambient: [0.2, 0.2, 0.2],
+  diffuse: [0.6, 0.6, 0.6],
+  specular: [0.1, 0.1, 0.1]
+};
+var DEFAULT_DIRECTIONAL_LIGHT = {
+  direction: [0, 0, 0],
+  ambient: [0, 0, 0],
+  diffuse: [0, 0, 0],
+  specular: [0, 0, 0]
+};
+var DEFAULT_SPOT_LIGHT = {
+  position: [0, 0, 0],
+  direction: [0, 0, 0],
+  ambient: [0, 0, 0],
+  diffuse: [0, 0, 0],
+  specular: [0, 0, 0],
+  constant: 1,
+  linear: 0,
+  quadratic: 0,
+  angle: 14,
+  exponent: 40,
+  blur: 5
+};
+
+function generateLightingUniforms(lights) {
+  var lightsMap = {
+    u_DirectionalLights: new Array(3).fill((0, _objectSpread2.default)({}, DEFAULT_DIRECTIONAL_LIGHT)),
+    u_NumOfDirectionalLights: 0,
+    u_SpotLights: new Array(3).fill((0, _objectSpread2.default)({}, DEFAULT_SPOT_LIGHT)),
+    u_NumOfSpotLights: 0
+  };
+
+  if (!lights || !lights.length) {
+    lights = [DEFAULT_LIGHT];
+  }
+
+  lights.forEach(function (_ref) {
+    var _ref$type = _ref.type,
+        type = _ref$type === void 0 ? 'directional' : _ref$type,
+        rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    var lightsUniformName = lightTypeUniformMap[type].lights;
+    var lightsNumUniformName = lightTypeUniformMap[type].num; // @ts-ignore
+
+    var num = lightsMap[lightsNumUniformName]; // @ts-ignore
+
+    lightsMap[lightsUniformName][num] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lightsMap[lightsUniformName][num]), rest); // @ts-ignore
+
+    lightsMap[lightsNumUniformName]++;
+  });
+  return lightsMap;
+}
+/**
+ * 光照 & Shadow
+ */
+
+
+var LightingPlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function LightingPlugin() {
+    (0, _classCallCheck2.default)(this, LightingPlugin);
+  }
+
+  (0, _createClass2.default)(LightingPlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      layer.hooks.beforeRender.tap('LightingPlugin', function () {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            enableLighting = _layer$getLayerConfig.enableLighting;
+
+        if (enableLighting) {
+          layer.models.forEach(function (model) {
+            return (// @ts-ignore
+              model.addUniforms((0, _objectSpread2.default)({}, generateLightingUniforms()))
+            );
+          });
+        }
+      });
+    }
+  }]);
+  return LightingPlugin;
+}()) || _class);
+exports.default = LightingPlugin;

package/lib/plugins/MultiPassRendererPlugin.js

@@ -0,0 +1,77 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _multiPassRender = require("../utils/multiPassRender");
+
+var _dec, _class;
+
+var MultiPassRendererPlugin = (
+/**
+ * 自定义渲染管线：
+ * ClearPass -> PixelPickingPass(可选) -> RenderPass/TAAPass -> PostProcessing -> CopyPass
+ * 根据 Layer 配置的 passes 创建 PostProcessing
+ * @example
+ * new PolygonLayer({
+ *   enableMultiPassRenderer: true,
+ *   passes: [
+ *     'blurH',
+ *     ['blurV', { radius: 10 }],
+ *   ],
+ * })
+ */
+_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function MultiPassRendererPlugin() {
+    (0, _classCallCheck2.default)(this, MultiPassRendererPlugin);
+  }
+
+  (0, _createClass2.default)(MultiPassRendererPlugin, [{
+    key: "apply",
+    value: function apply(layer, _ref) {
+      var _this = this;
+
+      var rendererService = _ref.rendererService,
+          postProcessingPassFactory = _ref.postProcessingPassFactory,
+          normalPassFactory = _ref.normalPassFactory;
+      layer.hooks.init.tap('MultiPassRendererPlugin', function () {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            enableMultiPassRenderer = _layer$getLayerConfig.enableMultiPassRenderer,
+            _layer$getLayerConfig2 = _layer$getLayerConfig.passes,
+            passes = _layer$getLayerConfig2 === void 0 ? [] : _layer$getLayerConfig2; // SceneConfig 的 enableMultiPassRenderer 配置项可以统一关闭
+
+
+        _this.enabled = !!enableMultiPassRenderer && layer.getLayerConfig().enableMultiPassRenderer !== false; // 根据 LayerConfig passes 配置项初始化
+
+        if (_this.enabled) {
+          layer.multiPassRenderer = (0, _multiPassRender.createMultiPassRenderer)(layer, passes, postProcessingPassFactory, normalPassFactory);
+          layer.multiPassRenderer.setRenderFlag(true);
+        }
+      });
+      layer.hooks.beforeRender.tap('MultiPassRendererPlugin', function () {
+        if (_this.enabled) {
+          // 渲染前根据 viewport 调整 FBO size
+          var _rendererService$getV = rendererService.getViewportSize(),
+              width = _rendererService$getV.width,
+              height = _rendererService$getV.height;
+
+          layer.multiPassRenderer.resize(width, height);
+        }
+      });
+    }
+  }]);
+  return MultiPassRendererPlugin;
+}()) || _class);
+exports.default = MultiPassRendererPlugin;

package/lib/plugins/PixelPickingPlugin.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var PickingStage = {
+  NONE: 0.0,
+  ENCODE: 1.0,
+  HIGHLIGHT: 2.0
+};
+var PixelPickingPlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function PixelPickingPlugin() {
+    (0, _classCallCheck2.default)(this, PixelPickingPlugin);
+  }
+
+  (0, _createClass2.default)(PixelPickingPlugin, [{
+    key: "apply",
+    value: function apply(layer, _ref) {
+      var styleAttributeService = _ref.styleAttributeService;
+      // TODO: 由于 Shader 目前无法根据是否开启拾取进行内容修改，因此即使不开启也需要生成 a_PickingColor
+      layer.hooks.init.tap('PixelPickingPlugin', function () {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            enablePicking = _layer$getLayerConfig.enablePicking;
+
+        styleAttributeService.registerStyleAttribute({
+          name: 'pickingColor',
+          type: _l7Core.AttributeType.Attribute,
+          descriptor: {
+            name: 'a_PickingColor',
+            buffer: {
+              data: [],
+              type: _l7Core.gl.FLOAT
+            },
+            size: 3,
+            // TODO: 固定 feature range 范围内的 pickingColor 都是固定的，可以生成 cache
+            update: function update(feature) {
+              // 只有开启拾取才需要 encode
+              var id = feature.id;
+              return enablePicking ? (0, _l7Utils.encodePickingColor)(id) : [0, 0, 0];
+            }
+          }
+        });
+      }); // 必须要与 PixelPickingPass 结合使用，因此必须开启 multiPassRenderer
+
+      layer.hooks.beforePickingEncode.tap('PixelPickingPlugin', function () {
+        var _layer$getLayerConfig2 = layer.getLayerConfig(),
+            enablePicking = _layer$getLayerConfig2.enablePicking;
+
+        if (enablePicking && layer.isVisible()) {
+          layer.models.forEach(function (model) {
+            return model.addUniforms({
+              u_PickingStage: PickingStage.ENCODE
+            });
+          });
+        }
+      });
+      layer.hooks.afterPickingEncode.tap('PixelPickingPlugin', function () {
+        var _layer$getLayerConfig3 = layer.getLayerConfig(),
+            enablePicking = _layer$getLayerConfig3.enablePicking; // 区分选中高亮 和滑过高亮
+
+
+        if (enablePicking && layer.isVisible()) {
+          layer.models.forEach(function (model) {
+            return model.addUniforms({
+              u_PickingStage: PickingStage.HIGHLIGHT
+            });
+          });
+        }
+      });
+      layer.hooks.beforeHighlight.tap('PixelPickingPlugin', function (pickedColor) {
+        var _layer$getLayerConfig4 = layer.getLayerConfig(),
+            highlightColor = _layer$getLayerConfig4.highlightColor,
+            _layer$getLayerConfig5 = _layer$getLayerConfig4.activeMix,
+            activeMix = _layer$getLayerConfig5 === void 0 ? 0 : _layer$getLayerConfig5;
+
+        var highlightColorInArray = typeof highlightColor === 'string' ? (0, _l7Utils.rgb2arr)(highlightColor) : highlightColor || [1, 0, 0, 1];
+        layer.updateLayerConfig({
+          pickedFeatureID: (0, _l7Utils.decodePickingColor)(new Uint8Array(pickedColor))
+        });
+        layer.models.forEach(function (model) {
+          return model.addUniforms({
+            u_PickingStage: PickingStage.HIGHLIGHT,
+            u_PickingColor: pickedColor,
+            u_HighlightColor: highlightColorInArray.map(function (c) {
+              return c * 255;
+            }),
+            u_activeMix: activeMix
+          });
+        });
+      });
+      layer.hooks.beforeSelect.tap('PixelPickingPlugin', function (pickedColor) {
+        var _layer$getLayerConfig6 = layer.getLayerConfig(),
+            selectColor = _layer$getLayerConfig6.selectColor,
+            _layer$getLayerConfig7 = _layer$getLayerConfig6.selectMix,
+            selectMix = _layer$getLayerConfig7 === void 0 ? 0 : _layer$getLayerConfig7;
+
+        var highlightColorInArray = typeof selectColor === 'string' ? (0, _l7Utils.rgb2arr)(selectColor) : selectColor || [1, 0, 0, 1];
+        layer.updateLayerConfig({
+          pickedFeatureID: (0, _l7Utils.decodePickingColor)(new Uint8Array(pickedColor))
+        });
+        layer.models.forEach(function (model) {
+          return model.addUniforms({
+            u_PickingStage: PickingStage.HIGHLIGHT,
+            u_PickingColor: pickedColor,
+            u_HighlightColor: highlightColorInArray.map(function (c) {
+              return c * 255;
+            }),
+            u_activeMix: selectMix,
+            u_CurrentSelectedId: pickedColor,
+            u_SelectColor: highlightColorInArray.map(function (c) {
+              return c * 255;
+            }),
+            u_EnableSelect: 1
+          });
+        });
+      });
+    }
+  }]);
+  return PixelPickingPlugin;
+}()) || _class);
+exports.default = PixelPickingPlugin;

package/lib/plugins/RegisterStyleAttributePlugin.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _utils = require("../tile/utils");
+
+var _dec, _class;
+
+var RegisterStyleAttributePlugin = (
+/**
+ * 在初始化阶段完成属性的注册，以及首次根据 Layer 指定的三角化方法完成 indices 和 attribute 的创建
+ */
+_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function RegisterStyleAttributePlugin() {
+    (0, _classCallCheck2.default)(this, RegisterStyleAttributePlugin);
+  }
+
+  (0, _createClass2.default)(RegisterStyleAttributePlugin, [{
+    key: "apply",
+    value: function apply(layer, _ref) {
+      var _this = this;
+
+      var styleAttributeService = _ref.styleAttributeService;
+      layer.hooks.init.tap('RegisterStyleAttributePlugin', function () {
+        // 过滤 tileGroup layer （瓦片图层不需要注册）
+        if ((0, _utils.isTileGroup)(layer)) return;
+
+        _this.registerBuiltinAttributes(styleAttributeService, layer);
+      });
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes(styleAttributeService, layer) {
+      // MaskLayer 只需要注册 a_Position
+      if (layer.type === 'MaskLayer') {
+        this.registerPositionAttribute(styleAttributeService);
+        return;
+      } // 用途为 basemap 的 Layer 也只需要注册 a_Position
+
+
+      var _layer$getLayerConfig = layer.getLayerConfig(),
+          usage = _layer$getLayerConfig.usage;
+
+      if (usage === 'basemap') {
+        this.registerPositionAttribute(styleAttributeService);
+        return;
+      }
+
+      if (layer.isTileLayer) {
+        this.registerPositionAttribute(styleAttributeService);
+        this.registerColorAttribute(styleAttributeService);
+        return;
+      } // Tip: normal render layer
+
+
+      this.registerPositionAttribute(styleAttributeService);
+      this.registerFilterAttribute(styleAttributeService);
+      this.registerColorAttribute(styleAttributeService);
+      this.registerVertexIdAttribute(styleAttributeService);
+    }
+  }, {
+    key: "registerPositionAttribute",
+    value: function registerPositionAttribute(styleAttributeService) {
+      styleAttributeService.registerStyleAttribute({
+        name: 'position',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Position',
+          buffer: {
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 3,
+          update: function update(feature, featureIdx, vertex) {
+            return vertex.length === 2 ? [vertex[0], vertex[1], 0] : [vertex[0], vertex[1], vertex[2]];
+          }
+        }
+      });
+    }
+  }, {
+    key: "registerFilterAttribute",
+    value: function registerFilterAttribute(styleAttributeService) {
+      styleAttributeService.registerStyleAttribute({
+        name: 'filter',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'filter',
+          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) {
+            var filter = feature.filter;
+            return filter ? [1] : [0];
+          }
+        }
+      });
+    }
+  }, {
+    key: "registerColorAttribute",
+    value: function registerColorAttribute(styleAttributeService) {
+      styleAttributeService.registerStyleAttribute({
+        name: 'color',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_Color',
+          buffer: {
+            // give the WebGL driver a hint that this buffer may change
+            usage: _l7Core.gl.DYNAMIC_DRAW,
+            data: [],
+            type: _l7Core.gl.FLOAT
+          },
+          size: 4,
+          update: function update(feature) {
+            var color = feature.color;
+            return !color || !color.length ? [1, 1, 1, 1] : color;
+          }
+        }
+      });
+    }
+  }, {
+    key: "registerVertexIdAttribute",
+    value: function registerVertexIdAttribute(styleAttributeService) {
+      styleAttributeService.registerStyleAttribute({
+        // 统一注册每个顶点的唯一编号（目前用于样式的数据映射计算使用）
+        name: 'vertexId',
+        type: _l7Core.AttributeType.Attribute,
+        descriptor: {
+          name: 'a_vertexId',
+          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) {
+            return [featureIdx];
+          }
+        }
+      });
+    }
+  }]);
+  return RegisterStyleAttributePlugin;
+}()) || _class);
+exports.default = RegisterStyleAttributePlugin;

package/lib/plugins/ShaderUniformPlugin.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _initializerDefineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerDefineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _applyDecoratedDescriptor2 = _interopRequireDefault(require("@babel/runtime/helpers/applyDecoratedDescriptor"));
+
+var _initializerWarningHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerWarningHelper"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _dec2, _dec3, _dec4, _dec5, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4;
+
+var ShaderUniformPlugin = (
+/**
+ * 在渲染之前需要获取当前 Shader 所需 Uniform，例如：
+ * 1. 从相机服务中获取 View & ProjectionMatrix，当前缩放等级等等
+ * 2. 从坐标系服务中获取当前坐标系，例如是否是偏移坐标系
+ *    @see https://yuque.antfin-inc.com/yuqi.pyq/fgetpa/doml91
+ * 3. 当前 Layer 本身的样式属性
+ */
+_dec = (0, _inversify.injectable)(), _dec2 = (0, _inversify.inject)(_l7Core.TYPES.ICameraService), _dec3 = (0, _inversify.inject)(_l7Core.TYPES.ICoordinateSystemService), _dec4 = (0, _inversify.inject)(_l7Core.TYPES.IRendererService), _dec5 = (0, _inversify.inject)(_l7Core.TYPES.IMapService), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function ShaderUniformPlugin() {
+    (0, _classCallCheck2.default)(this, ShaderUniformPlugin);
+    (0, _initializerDefineProperty2.default)(this, "cameraService", _descriptor, this);
+    (0, _initializerDefineProperty2.default)(this, "coordinateSystemService", _descriptor2, this);
+    (0, _initializerDefineProperty2.default)(this, "rendererService", _descriptor3, this);
+    (0, _initializerDefineProperty2.default)(this, "mapService", _descriptor4, this);
+  }
+
+  (0, _createClass2.default)(ShaderUniformPlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      var _this = this;
+
+      var version = this.mapService.version;
+      var mvp = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]; // default matrix (for gaode2.x)
+
+      var sceneCenterMKT = [0, 0];
+      layer.hooks.beforeRender.tap('ShaderUniformPlugin', function () {
+        // @ts-ignore
+        var offset = layer.getLayerConfig().tileOrigin; // 重新计算坐标系参数
+
+        _this.coordinateSystemService.refresh(offset);
+
+        if (version === 'GAODE2.x') {
+          _this.setLayerCenter(layer); // @ts-ignore
+
+
+          mvp = _this.mapService.map.customCoords.getMVPMatrix(); // mvp = amapCustomCoords.getMVPMatrix()
+          // @ts-ignore
+
+          sceneCenterMKT = _this.mapService.getCustomCoordCenter();
+        }
+
+        var _this$rendererService = _this.rendererService.getViewportSize(),
+            width = _this$rendererService.width,
+            height = _this$rendererService.height;
+
+        layer.models.forEach(function (model) {
+          var _model$addUniforms;
+
+          model.addUniforms((_model$addUniforms = {}, (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.ProjectionMatrix, _this.cameraService.getProjectionMatrix()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.ViewMatrix, _this.cameraService.getViewMatrix()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.ViewProjectionMatrix, _this.cameraService.getViewProjectionMatrix()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.Zoom, _this.cameraService.getZoom()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.ZoomScale, _this.cameraService.getZoomScale()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.FocalDistance, _this.cameraService.getFocalDistance()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CameraUniform.CameraPosition, _this.cameraService.getCameraPosition()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.CoordinateSystem, _this.coordinateSystemService.getCoordinateSystem()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.ViewportCenter, _this.coordinateSystemService.getViewportCenter()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.ViewportCenterProjection, _this.coordinateSystemService.getViewportCenterProjection()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.PixelsPerDegree, _this.coordinateSystemService.getPixelsPerDegree()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.PixelsPerDegree2, _this.coordinateSystemService.getPixelsPerDegree2()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.PixelsPerMeter, _this.coordinateSystemService.getPixelsPerMeter()), (0, _defineProperty2.default)(_model$addUniforms, _l7Core.CoordinateUniform.Mvp, mvp), (0, _defineProperty2.default)(_model$addUniforms, "u_SceneCenterMKT", sceneCenterMKT), (0, _defineProperty2.default)(_model$addUniforms, "u_ViewportSize", [width, height]), (0, _defineProperty2.default)(_model$addUniforms, "u_ModelMatrix", _this.cameraService.getModelMatrix()), (0, _defineProperty2.default)(_model$addUniforms, "u_DevicePixelRatio", _l7Utils.$window.devicePixelRatio), (0, _defineProperty2.default)(_model$addUniforms, "u_PickingBuffer", layer.getLayerConfig().pickingBuffer || 0), (0, _defineProperty2.default)(_model$addUniforms, "u_shaderPick", Number(layer.getShaderPickStat())), _model$addUniforms));
+        }); // TODO：脏检查，决定是否需要渲染
+      });
+    }
+    /**
+     * 对于每个 layer 都有不同的几何中心点，因此在绘制每个 layer 的时候都需要重新设置
+     * @param layer
+     */
+
+  }, {
+    key: "setLayerCenter",
+    value: function setLayerCenter(layer) {
+      if (layer.coordCenter === undefined) layer.coordCenter = layer.getSource().center;
+      this.mapService.setCoordCenter && this.mapService.setCoordCenter(layer.coordCenter);
+    }
+  }]);
+  return ShaderUniformPlugin;
+}(), (_descriptor = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "cameraService", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "coordinateSystemService", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor3 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "rendererService", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor4 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "mapService", [_dec5], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);
+exports.default = ShaderUniformPlugin;

package/lib/plugins/UpdateModelPlugin.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var UpdateModelPlugin = (
+/**
+ * Model 更新
+ */
+_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function UpdateModelPlugin() {
+    (0, _classCallCheck2.default)(this, UpdateModelPlugin);
+  }
+
+  (0, _createClass2.default)(UpdateModelPlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      layer.hooks.beforeRender.tap('UpdateModelPlugin', function () {
+        // 处理文本更新
+        if (layer.layerModel) {
+          layer.layerModel.needUpdate();
+        }
+      });
+    }
+  }]);
+  return UpdateModelPlugin;
+}()) || _class);
+exports.default = UpdateModelPlugin;