@antv/l7-layers 2.9.32-alpha.2 → 2.9.33

package/es/tile/tileFactory/vectorLayer.js

@@ -0,0 +1,260 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+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 { TYPES } from '@antv/l7-core';
+import BaseLayer from "../../core/BaseLayer";
+import lineFillModel from "../../line/models/tile";
+import lineSimpleModel from "../../line/models/simpleTileLine";
+import pointTextModel from "../../point/models/tileText";
+import pointFillModel from "../../point/models/tile";
+import polygonFillModel from "../../polygon/models/tile";
+
+var VectorLayer = /*#__PURE__*/function (_BaseLayer) {
+  _inherits(VectorLayer, _BaseLayer);
+
+  var _super = _createSuper(VectorLayer);
+
+  function VectorLayer() {
+    var _this;
+
+    _classCallCheck(this, VectorLayer);
+
+    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));
+
+    _defineProperty(_assertThisInitialized(_this), "needListen", true);
+
+    _defineProperty(_assertThisInitialized(_this), "isVector", true);
+
+    _defineProperty(_assertThisInitialized(_this), "type", _this.layerType || 'vectorLayer');
+
+    _defineProperty(_assertThisInitialized(_this), "pickedID", null);
+
+    _defineProperty(_assertThisInitialized(_this), "sourceEvent", function () {
+      // Tip: vector 不支持 autoFit
+      _this.dataState.dataSourceNeedUpdate = true;
+
+      _this.reRender();
+    });
+
+    return _this;
+  }
+
+  _createClass(VectorLayer, [{
+    key: "init",
+    value: function init() {
+      var _this2 = this;
+
+      // 设置配置项
+      var sceneId = this.container.get(TYPES.SceneID);
+      this.configService.setLayerConfig(sceneId, this.id, this.rawConfig);
+      this.layerType = this.rawConfig.layerType;
+
+      if (this.type === 'PointLayer') {
+        // Tip: iconService 和 fontService 只有在矢量点图层中才会被使用
+        this.iconService = this.container.get(TYPES.IIconService);
+        this.fontService = this.container.get(TYPES.IFontService);
+      }
+
+      this.rendererService = this.container.get(TYPES.IRendererService);
+      this.layerService = this.container.get(TYPES.ILayerService);
+      this.mapService = this.container.get(TYPES.IMapService);
+      this.cameraService = this.container.get(TYPES.ICameraService);
+      this.coordinateService = this.container.get(TYPES.ICoordinateSystemService);
+      this.shaderModuleService = this.container.get(TYPES.IShaderModuleService);
+      this.postProcessingPassFactory = this.container.get(TYPES.IFactoryPostProcessingPass);
+      this.normalPassFactory = this.container.get(TYPES.IFactoryNormalPass); // 图层容器服务
+
+      this.styleAttributeService = this.container.get(TYPES.IStyleAttributeService); // 完成样式服务注册完成前添加的属性
+
+      this.pendingStyleAttributes.forEach(function (_ref) {
+        var attributeName = _ref.attributeName,
+            attributeField = _ref.attributeField,
+            attributeValues = _ref.attributeValues,
+            updateOptions = _ref.updateOptions;
+
+        _this2.styleAttributeService.updateStyleAttribute(attributeName, {
+          // @ts-ignore
+          scale: _objectSpread({
+            field: attributeField
+          }, _this2.splitValuesAndCallbackInAttribute( // @ts-ignore
+          attributeValues, // @ts-ignore
+          _this2.getLayerConfig()[attributeName]))
+        }, // @ts-ignore
+        updateOptions);
+      });
+      this.pendingStyleAttributes = []; // 获取插件集
+
+      this.plugins = this.container.getAll(TYPES.ILayerPlugin); // 完成插件注册，传入场景和图层容器内的服务
+
+      var _iterator = _createForOfIteratorHelper(this.plugins),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var plugin = _step.value;
+          plugin.apply(this, {
+            rendererService: this.rendererService,
+            mapService: this.mapService,
+            styleAttributeService: this.styleAttributeService,
+            normalPassFactory: this.normalPassFactory,
+            postProcessingPassFactory: this.postProcessingPassFactory
+          });
+        } // 触发 init 生命周期插件
+
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      this.hooks.init.call();
+      this.hooks.afterInit.call();
+      return this;
+    }
+  }, {
+    key: "renderModels",
+    value: function renderModels(isPicking) {
+      var _this3 = this;
+
+      this.models.forEach(function (model) {
+        model.draw({
+          uniforms: _this3.layerModel.getUninforms()
+        }, isPicking);
+      });
+      return this;
+    }
+  }, {
+    key: "getPickID",
+    value: function getPickID() {
+      return this.pickedID;
+    }
+  }, {
+    key: "setPickID",
+    value: function setPickID() {
+      return this.pickedID;
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels() {
+      var _this4 = this;
+
+      var model = this.getModelType();
+      this.layerModel = new model(this);
+      this.layerModel.initModels(function (models) {
+        _this4.dispatchModelLoad(models);
+      });
+    }
+  }, {
+    key: "rebuildModels",
+    value: function rebuildModels() {
+      var _this5 = this;
+
+      this.layerModel.buildModels(function (models) {
+        _this5.dispatchModelLoad(models);
+      });
+    }
+  }, {
+    key: "getModelType",
+    value: function getModelType() {
+      switch (this.layerType) {
+        case 'PolygonLayer':
+          return polygonFillModel;
+
+        case 'LineLayer':
+          return this.getLineModel();
+
+        case 'PointLayer':
+          return this.getPointModel();
+
+        default:
+          return pointFillModel;
+      }
+    }
+  }, {
+    key: "getLineModel",
+    value: function getLineModel() {
+      var _shapeAttribute$scale;
+
+      var shapeAttribute = this.styleAttributeService.getLayerStyleAttribute('shape');
+      var shape = shapeAttribute === null || shapeAttribute === void 0 ? void 0 : (_shapeAttribute$scale = shapeAttribute.scale) === null || _shapeAttribute$scale === void 0 ? void 0 : _shapeAttribute$scale.field;
+
+      switch (shape) {
+        case 'tileline':
+        case 'line':
+          return lineFillModel;
+
+        case 'simple':
+          return lineSimpleModel;
+
+        default:
+          return lineFillModel;
+      }
+    }
+  }, {
+    key: "getPointModel",
+    value: function getPointModel() {
+      var layerData = this.getEncodedData();
+
+      var _this$getLayerConfig = this.getLayerConfig(),
+          shape2d = _this$getLayerConfig.shape2d;
+
+      var item = layerData.find(function (fe) {
+        return fe.hasOwnProperty('shape');
+      }); // only support pointFill & pointText now
+
+      if (item) {
+        var shape = item.shape;
+
+        if ((shape2d === null || shape2d === void 0 ? void 0 : shape2d.indexOf(shape)) !== -1) {
+          return pointFillModel;
+        } else {
+          return pointTextModel;
+        }
+      } else {
+        return pointFillModel;
+      }
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        properties: {
+          opacity: {
+            type: 'number',
+            minimum: 0,
+            maximum: 1
+          }
+        }
+      };
+    }
+  }, {
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      return {};
+    }
+  }]);
+
+  return VectorLayer;
+}(BaseLayer);
+
+export { VectorLayer as default };

package/es/tile/tileLayer/baseMapTileLayer.d.ts

@@ -0,0 +1,30 @@
+import { ILayer, ILayerService, IMapService, IBaseTileLayer, IBaseTileLayerManager, ITileLayerOPtions } from '@antv/l7-core';
+import { Tile, TilesetManager } from '@antv/l7-utils';
+export default class BaseTileLayer implements IBaseTileLayer {
+    get children(): ILayer[];
+    type: string;
+    sourceLayer: string;
+    parent: ILayer;
+    initedTileset: boolean;
+    tilesetManager: TilesetManager | undefined;
+    tileLayerManager: IBaseTileLayerManager;
+    scaleField: any;
+    private lastViewStates;
+    protected mapService: IMapService;
+    protected layerService: ILayerService;
+    constructor({ parent, rendererService, mapService, layerService, }: ITileLayerOPtions);
+    /**
+     * 渲染瓦片的图层
+     */
+    render(): void;
+    tileLoaded(tile: Tile): void;
+    tileError(error: Error): void;
+    tileUnLoad(tile: Tile): void;
+    tileUpdate(): void;
+    private initTileSetManager;
+    private mapchange;
+    private bindTilesetEvent;
+    viewchange: import("lodash").DebouncedFunc<() => void>;
+    private getCurrentView;
+    destroy(): void;
+}

package/es/tile/tileLayer/baseMapTileLayer.js

@@ -0,0 +1,195 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { BaseMapTileLayerManager } from "../manager/baseMapTileLayerManager";
+import { debounce } from 'lodash';
+
+var BaseTileLayer = /*#__PURE__*/function () {
+  function BaseTileLayer(_ref) {
+    var _parentSource$data;
+
+    var parent = _ref.parent,
+        rendererService = _ref.rendererService,
+        mapService = _ref.mapService,
+        layerService = _ref.layerService;
+
+    _classCallCheck(this, BaseTileLayer);
+
+    _defineProperty(this, "type", 'baseTile');
+
+    _defineProperty(this, "initedTileset", false);
+
+    _defineProperty(this, "viewchange", debounce(this.mapchange, 200));
+
+    var parentSource = parent.getSource();
+
+    var _ref2 = (parentSource === null || parentSource === void 0 ? void 0 : (_parentSource$data = parentSource.data) === null || _parentSource$data === void 0 ? void 0 : _parentSource$data.tilesetOptions) || {},
+        sourceLayer = _ref2.sourceLayer;
+
+    this.sourceLayer = sourceLayer;
+    this.parent = parent;
+    this.mapService = mapService;
+    this.layerService = layerService;
+    this.tileLayerManager = new BaseMapTileLayerManager(parent, mapService, rendererService);
+    this.initTileSetManager();
+  }
+  /**
+   * 渲染瓦片的图层
+   */
+
+
+  _createClass(BaseTileLayer, [{
+    key: "children",
+    get: function get() {
+      return this.tileLayerManager.children;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (this.tileLayerManager) {
+        this.tileLayerManager.render();
+      }
+    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+  }, {
+    key: "tileLoaded",
+    value: function tileLoaded(tile) {//
+    }
+  }, {
+    key: "tileError",
+    value: function tileError(error) {
+      console.warn('error:', error);
+    }
+  }, {
+    key: "tileUnLoad",
+    value: function tileUnLoad(tile) {
+      this.tileLayerManager.removeChilds(tile.layerIDList, false);
+    }
+  }, {
+    key: "tileUpdate",
+    value: function tileUpdate() {
+      // Base Function
+      if (!this.tilesetManager) {
+        return;
+      }
+
+      if (this.tilesetManager.isLoaded) {
+        // 将事件抛出，图层上可以使用瓦片
+        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
+      }
+    }
+  }, {
+    key: "initTileSetManager",
+    value: function initTileSetManager() {
+      var _this$tilesetManager;
+
+      var source = this.parent.getSource();
+      this.tilesetManager = source.tileset;
+
+      if (!this.initedTileset) {
+        this.bindTilesetEvent();
+        this.initedTileset = true;
+      }
+
+      var _this$getCurrentView = this.getCurrentView(),
+          latLonBounds = _this$getCurrentView.latLonBounds,
+          zoom = _this$getCurrentView.zoom;
+
+      (_this$tilesetManager = this.tilesetManager) === null || _this$tilesetManager === void 0 ? void 0 : _this$tilesetManager.update(zoom, latLonBounds);
+    }
+  }, {
+    key: "mapchange",
+    value: function mapchange() {
+      var _this$tilesetManager2;
+
+      var _this$getCurrentView2 = this.getCurrentView(),
+          latLonBounds = _this$getCurrentView2.latLonBounds,
+          zoom = _this$getCurrentView2.zoom;
+
+      if (this.mapService.version === 'GAODE1.x') {
+        var _this$parent$getLayer = this.parent.getLayerConfig(),
+            visible = _this$parent$getLayer.visible;
+
+        if (zoom < 3 && visible) {
+          this.parent.updateLayerConfig({
+            visible: false
+          });
+          this.layerService.reRender();
+        } else if (zoom >= 3 && !visible) {
+          this.parent.updateLayerConfig({
+            visible: true
+          });
+          this.layerService.reRender();
+        }
+      }
+
+      if (this.lastViewStates && this.lastViewStates.zoom === zoom && this.lastViewStates.latLonBounds.toString() === latLonBounds.toString()) {
+        return;
+      }
+
+      this.lastViewStates = {
+        zoom: zoom,
+        latLonBounds: latLonBounds
+      };
+      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.throttleUpdate(zoom, latLonBounds);
+    }
+  }, {
+    key: "bindTilesetEvent",
+    value: function bindTilesetEvent() {
+      var _this = this;
+
+      if (!this.tilesetManager) {
+        return;
+      } // 瓦片数据加载成功
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+
+      this.tilesetManager.on('tile-loaded', function (tile) {// 将事件抛出，图层上可以监听使用
+      }); // 瓦片数据从缓存删除或被执行重新加载
+
+      this.tilesetManager.on('tile-unload', function (tile) {
+        // 将事件抛出，图层上可以监听使用
+        _this.tileUnLoad(tile);
+      }); // 瓦片数据加载失败
+
+      this.tilesetManager.on('tile-error', function (error, tile) {
+        // 将事件抛出，图层上可以监听使用
+        _this.tileError(error);
+      }); // 瓦片显隐状态更新
+
+      this.tilesetManager.on('tile-update', function () {
+        _this.tileUpdate();
+      }); // 地图视野发生改变
+
+      this.mapService.on('zoomend', function () {
+        return _this.viewchange();
+      });
+      this.mapService.on('moveend', function () {
+        return _this.viewchange();
+      });
+    } //  防抖操作
+
+  }, {
+    key: "getCurrentView",
+    value: function getCurrentView() {
+      var bounds = this.mapService.getBounds();
+      var latLonBounds = [bounds[0][0], bounds[0][1], bounds[1][0], bounds[1][1]];
+      var zoom = this.mapService.getZoom();
+      return {
+        latLonBounds: latLonBounds,
+        zoom: zoom
+      };
+    }
+  }, {
+    key: "destroy",
+    value: function destroy() {
+      var _this$tilesetManager3;
+
+      (_this$tilesetManager3 = this.tilesetManager) === null || _this$tilesetManager3 === void 0 ? void 0 : _this$tilesetManager3.destroy();
+    }
+  }]);
+
+  return BaseTileLayer;
+}();
+
+export { BaseTileLayer as default };

package/es/tile/tileLayer/baseTileLayer.d.ts

@@ -0,0 +1,48 @@
+import { IInteractionTarget, ILayer, ILayerService, IMapService, ITileLayer, ITileLayerManager, ITileLayerOPtions } from '@antv/l7-core';
+import { Tile, TilesetManager } from '@antv/l7-utils';
+export default class BaseTileLayer implements ITileLayer {
+    get children(): ILayer[];
+    type: string;
+    sourceLayer: string;
+    parent: ILayer;
+    initedTileset: boolean;
+    tilesetManager: TilesetManager | undefined;
+    tileLayerManager: ITileLayerManager;
+    scaleField: any;
+    private lastViewStates;
+    protected mapService: IMapService;
+    protected layerService: ILayerService;
+    private pickColors;
+    constructor({ parent, rendererService, mapService, layerService, pickingService, transforms }: ITileLayerOPtions);
+    /**
+     * 渲染瓦片的图层
+     */
+    render(): void;
+    clearPick(type: string): void;
+    /**
+     * 清除 select 的选中状态
+     */
+    clearPickState(): void;
+    /**
+     * 瓦片图层独立的拾取逻辑
+     * @param target
+     * @returns
+     */
+    pickLayers(target: IInteractionTarget): boolean;
+    tileLoaded(tile: Tile): void;
+    tileError(error: Error): void;
+    tileUnLoad(tile: Tile): void;
+    tileUpdate(): void;
+    protected setPickState(layers: ILayer[]): void;
+    private bindSubLayerPick;
+    private setHighlight;
+    private setSelect;
+    private selectFeature;
+    private bindSubLayerEvent;
+    private initTileSetManager;
+    private mapchange;
+    private bindTilesetEvent;
+    viewchange: import("lodash").DebouncedFunc<() => void>;
+    private getCurrentView;
+    destroy(): void;
+}