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

package/lib/tile/tileLayer/base.js

@@ -1,225 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Base = void 0;
-
-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 _lodash = require("lodash");
-
-var _utils = require("../utils");
-
-var Base = /*#__PURE__*/function () {
-  function Base() {
-    (0, _classCallCheck2.default)(this, Base);
-    (0, _defineProperty2.default)(this, "initedTileset", false);
-    (0, _defineProperty2.default)(this, "viewchange", (0, _lodash.debounce)(this.mapchange, 200));
-  }
-
-  (0, _createClass2.default)(Base, [{
-    key: "children",
-    get: function get() {
-      return this.tileLayerManager.children;
-    }
-  }, {
-    key: "mapchange",
-    value: function mapchange() {
-      var _this$tilesetManager;
-
-      var _this$getCurrentView = this.getCurrentView(),
-          latLonBounds = _this$getCurrentView.latLonBounds,
-          zoom = _this$getCurrentView.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$tilesetManager = this.tilesetManager) === null || _this$tilesetManager === void 0 ? void 0 : _this$tilesetManager.throttleUpdate(zoom, latLonBounds);
-    }
-  }, {
-    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: "initTileSetManager",
-    value: function initTileSetManager() {
-      var _this$tilesetManager2;
-
-      var source = this.parent.getSource();
-      this.tilesetManager = source.tileset;
-
-      if (!this.initedTileset) {
-        this.bindTilesetEvent();
-        this.initedTileset = true;
-      }
-
-      var _this$getCurrentView2 = this.getCurrentView(),
-          latLonBounds = _this$getCurrentView2.latLonBounds,
-          zoom = _this$getCurrentView2.zoom;
-
-      (_this$tilesetManager2 = this.tilesetManager) === null || _this$tilesetManager2 === void 0 ? void 0 : _this$tilesetManager2.update(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);
-      }); // 瓦片数据加载失败
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-      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: "render",
-    value: function render() {
-      this.tileLayerManager.render();
-    } //  防抖操作
-
-  }, {
-    key: "tileLoaded",
-    value: // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    function tileLoaded(tile) {//
-    }
-  }, {
-    key: "tileError",
-    value: function tileError(error) {
-      console.warn('error:', error);
-    }
-  }, {
-    key: "destroy",
-    value: function destroy() {
-      var _this$tilesetManager3;
-
-      (_this$tilesetManager3 = this.tilesetManager) === null || _this$tilesetManager3 === void 0 ? void 0 : _this$tilesetManager3.destroy();
-      this.tileLayerManager.destroy();
-    }
-  }, {
-    key: "tileUnLoad",
-    value: function tileUnLoad(tile) {
-      this.tileLayerManager.removeTile(tile);
-    }
-  }, {
-    key: "tileUpdate",
-    value: function tileUpdate() {
-      var _this2 = this;
-
-      if (!this.tilesetManager) {
-        return;
-      }
-
-      this.tilesetManager.tiles.filter(function (tile) {
-        return tile.isLoaded;
-      }).map(function (tile) {
-        if (!_this2.isTileReady(tile)) return;
-
-        if (!_this2.tileLayerManager.hasTile(tile)) {
-          var _this2$tileLayerManag = _this2.tileLayerManager.addTile(tile),
-              layers = _this2$tileLayerManag.layers;
-
-          _this2.setPickState(layers);
-        } else {
-          if (!tile.isVisibleChange) {
-            return;
-          }
-
-          var _layers = _this2.tileLayerManager.getChildren(tile.layerIDList);
-
-          (0, _utils.updateTileVisible)(tile, _layers, _this2.layerService);
-
-          _this2.setPickState(_layers);
-        }
-      });
-
-      if (this.tilesetManager.isLoaded) {
-        // 将事件抛出，图层上可以使用瓦片
-        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
-      }
-    }
-  }, {
-    key: "isTileReady",
-    value: function isTileReady(tile) {
-      var _tile$data;
-
-      if ((_tile$data = tile.data) !== null && _tile$data !== void 0 && _tile$data.layers && this.sourceLayer) {
-        // vector
-        var vectorTileLayer = tile.data.layers[this.sourceLayer];
-        var features = vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.features;
-
-        if (!(Array.isArray(features) && features.length > 0)) {
-          return false;
-        }
-      }
-
-      return true;
-    } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-  }, {
-    key: "setPickState",
-    value: function setPickState(layers) {}
-  }]);
-  return Base;
-}();
-
-exports.Base = Base;

package/lib/tile/utils.js

@@ -1,181 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getContainerSize = getContainerSize;
-exports.getLayerShape = getLayerShape;
-exports.getMaskValue = getMaskValue;
-exports.isTileChildLoaded = isTileChildLoaded;
-exports.isTileGroup = isTileGroup;
-exports.isTileLoaded = isTileLoaded;
-exports.isTileParentLoaded = isTileParentLoaded;
-exports.isVectorTile = isVectorTile;
-exports.registerLayers = registerLayers;
-exports.tileAllLoad = tileAllLoad;
-exports.tileVectorParser = void 0;
-exports.updateTileVisible = updateTileVisible;
-
-var _l7Core = require("@antv/l7-core");
-
-var _l7Utils = require("@antv/l7-utils");
-
-var _utils = require("./style/utils");
-
-var tileVectorParser = ['mvt', 'geojsonvt', 'testTile'];
-/**
- * 判断当前图层是否是瓦片图层
- * @param layer
- * @returns
- */
-
-exports.tileVectorParser = tileVectorParser;
-
-function isTileGroup(layer) {
-  var source = layer.getSource();
-  return tileVectorParser.includes(source.parser.type);
-}
-
-function isVectorTile(parserType) {
-  return tileVectorParser.indexOf(parserType) >= 0;
-}
-
-function registerLayers(parentLayer, layers) {
-  layers.map(function (layer) {
-    var container = (0, _l7Core.createLayerContainer)(parentLayer.sceneContainer);
-    layer.setContainer(container, parentLayer.sceneContainer);
-    layer.init();
-  });
-}
-
-function getLayerShape(layerType, layer) {
-  var _layerShape$scale;
-
-  var layerShape = layer.getAttribute('shape');
-
-  if (layerShape && (_layerShape$scale = layerShape.scale) !== null && _layerShape$scale !== void 0 && _layerShape$scale.field) {
-    var _layerShape$scale2;
-
-    if (((_layerShape$scale2 = layerShape.scale) === null || _layerShape$scale2 === void 0 ? void 0 : _layerShape$scale2.values) === 'text') {
-      return [layerShape.scale.field, layerShape.scale.values];
-    }
-
-    return layerShape.scale.field;
-  }
-
-  switch (layerType) {
-    case 'PolygonLayer':
-      return 'fill';
-
-    case 'LineLayer':
-      return 'tileline';
-
-    case 'PointLayer':
-      return 'circle';
-
-    case 'RasterLayer':
-      return 'image';
-
-    default:
-      return '';
-  }
-}
-
-function getMaskValue(layerType, mask) {
-  switch (layerType) {
-    case 'PolygonLayer':
-      return true;
-
-    case 'LineLayer':
-      return true;
-
-    case 'PointLayer':
-      return false;
-
-    case 'RasterLayer':
-      return mask;
-
-    default:
-      return mask;
-  }
-}
-
-function getContainerSize(container) {
-  if (container.getContext) {
-    return {
-      width: container.width / _l7Utils.DOM.DPR,
-      height: container.height / _l7Utils.DOM.DPR
-    };
-  } else {
-    return container.getBoundingClientRect();
-  }
-}
-
-function isTileLoaded(tile) {
-  return tile.layerIDList.length === tile.loadedLayers;
-}
-
-function isTileChildLoaded(tile) {
-  var children = tile.children;
-  return children.filter(function (child) {
-    return isTileLoaded(child);
-  }).length === children.length;
-}
-
-function isTileParentLoaded(tile) {
-  var parent = tile.parent;
-
-  if (!parent) {
-    return true;
-  } else {
-    return isTileLoaded(parent);
-  }
-}
-
-function tileAllLoad(tile, callback) {
-  var timer = window.setInterval(function () {
-    var tileLoaded = isTileLoaded(tile);
-    var tileChildLoaded = isTileChildLoaded(tile);
-    var tileParentLoaded = isTileParentLoaded(tile);
-
-    if (tileLoaded && tileChildLoaded && tileParentLoaded) {
-      callback();
-      window.clearInterval(timer);
-    }
-  }, 36);
-}
-
-function dispatchTileVisibleChange(tile, callback) {
-  if (tile.isVisible) {
-    callback();
-  } else {
-    tileAllLoad(tile, function () {
-      callback();
-    });
-  }
-}
-
-function updateImmediately(layers) {
-  var immediately = true;
-  layers.map(function (layer) {
-    if (layer.type !== 'PointLayer') {
-      immediately = false;
-    }
-  });
-  return immediately;
-}
-
-function updateTileVisible(tile, layers, layerService) {
-  if (layers.length === 0) return;
-
-  if (updateImmediately(layers)) {
-    (0, _utils.updateLayersConfig)(layers, 'visible', tile.isVisible);
-    layerService.reRender();
-    return;
-  }
-
-  dispatchTileVisibleChange(tile, function () {
-    (0, _utils.updateLayersConfig)(layers, 'visible', tile.isVisible);
-    layerService.reRender();
-  });
-}

package/lib/utils/blend.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlendTypes = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _l7Core = require("@antv/l7-core");
-
-var _BlendTypes;
-
-var BlendTypes = (_BlendTypes = {}, (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.additive, {
-  enable: true,
-  func: {
-    srcRGB: _l7Core.gl.ONE,
-    dstRGB: _l7Core.gl.ONE,
-    srcAlpha: 1,
-    dstAlpha: 1
-  }
-}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.none, {
-  enable: false
-}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.normal, {
-  enable: true,
-  func: {
-    srcRGB: _l7Core.gl.SRC_ALPHA,
-    dstRGB: _l7Core.gl.ONE_MINUS_SRC_ALPHA,
-    srcAlpha: 1,
-    dstAlpha: 1
-  }
-}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.subtractive, {
-  enable: true,
-  func: {
-    srcRGB: _l7Core.gl.ONE,
-    dstRGB: _l7Core.gl.ONE,
-    srcAlpha: _l7Core.gl.ZERO,
-    dstAlpha: _l7Core.gl.ONE_MINUS_SRC_COLOR
-  },
-  equation: {
-    rgb: _l7Core.gl.FUNC_SUBTRACT,
-    alpha: _l7Core.gl.FUNC_SUBTRACT
-  }
-}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.max, {
-  enable: true,
-  func: {
-    srcRGB: _l7Core.gl.ONE,
-    dstRGB: _l7Core.gl.ONE
-  },
-  equation: {
-    rgb: _l7Core.gl.MAX_EXT
-  }
-}), (0, _defineProperty2.default)(_BlendTypes, _l7Core.BlendType.min, {
-  enable: true,
-  func: {
-    srcRGB: _l7Core.gl.ONE,
-    dstRGB: _l7Core.gl.ONE
-  },
-  equation: {
-    rgb: _l7Core.gl.MIN_EXT
-  }
-}), _BlendTypes);
-exports.BlendTypes = BlendTypes;

package/lib/utils/collision-index.js

@@ -1,118 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-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 _glMatrix = require("gl-matrix");
-
-var _gridIndex = _interopRequireDefault(require("./grid-index"));
-
-// @mapbox/grid-index 并没有类似 hitTest 的单纯获取碰撞检测结果的方法，query 将导致计算大量多余的包围盒结果，因此使用改良版
-
-/**
- * 基于网格实现文本避让，大幅提升包围盒碰撞检测效率
- * @see https://zhuanlan.zhihu.com/p/74373214
- */
-var CollisionIndex = /*#__PURE__*/function () {
-  function CollisionIndex(width, height) {
-    (0, _classCallCheck2.default)(this, CollisionIndex);
-    (0, _defineProperty2.default)(this, "viewportPadding", 100);
-    this.width = width;
-    this.height = height;
-    this.viewportPadding = Math.max(width, height); // 创建网格索引
-
-    this.grid = new _gridIndex.default(width + this.viewportPadding, height + this.viewportPadding, 25);
-    this.screenRightBoundary = width + this.viewportPadding;
-    this.screenBottomBoundary = height + this.viewportPadding;
-    this.gridRightBoundary = width + 2 * this.viewportPadding;
-    this.gridBottomBoundary = height + 2 * this.viewportPadding;
-  }
-
-  (0, _createClass2.default)(CollisionIndex, [{
-    key: "placeCollisionBox",
-    value: function placeCollisionBox(collisionBox) {
-      // const projectedPoint = this.project(
-      //   mvpMatrix,
-      //   collisionBox.anchorPointX,
-      //   collisionBox.anchorPointY,
-      // );
-      var tlX = collisionBox.x1 + collisionBox.anchorPointX + this.viewportPadding;
-      var tlY = collisionBox.y1 + collisionBox.anchorPointY + this.viewportPadding;
-      var brX = collisionBox.x2 + collisionBox.anchorPointX + this.viewportPadding;
-      var brY = collisionBox.y2 + collisionBox.anchorPointY + this.viewportPadding;
-
-      if (!this.isInsideGrid(tlX, tlY, brX, brY) || this.grid.hitTest(tlX, tlY, brX, brY)) {
-        return {
-          box: []
-        };
-      }
-
-      return {
-        box: [tlX, tlY, brX, brY]
-      };
-    }
-  }, {
-    key: "insertCollisionBox",
-    value: function insertCollisionBox(box, featureIndex) {
-      var key = {
-        featureIndex: featureIndex
-      };
-      this.grid.insert(key, box[0], box[1], box[2], box[3]);
-    }
-    /**
-     * 后续碰撞检测都需要投影到 viewport 坐标系
-     * @param {THREE.Matrix4} mvpMatrix mvp矩阵
-     * @param {number} x P20 平面坐标X
-     * @param {number} y P20 平面坐标Y
-     * @return {Point} projectedPoint
-     */
-
-  }, {
-    key: "project",
-    value: function project(mvpMatrix, x, y) {
-      var point = _glMatrix.vec4.fromValues(x, y, 0, 1);
-
-      var out = _glMatrix.vec4.create(); // @ts-ignore
-
-
-      var mat = _glMatrix.mat4.fromValues.apply(_glMatrix.mat4, (0, _toConsumableArray2.default)(mvpMatrix));
-
-      _glMatrix.vec4.transformMat4(out, point, mat); // GL 坐标系[-1, 1] -> viewport 坐标系[width, height]
-
-
-      return {
-        x: (out[0] / out[3] + 1) / 2 * this.width + this.viewportPadding,
-        y: (-out[1] / out[3] + 1) / 2 * this.height + this.viewportPadding
-      };
-    }
-    /**
-     * 判断包围盒是否在整个网格内，需要加上 buffer
-     * @param {number} x1 x1
-     * @param {number} y1 y1
-     * @param {number} x2 x2
-     * @param {number} y2 y2
-     * @return {Point} isInside
-     */
-
-  }, {
-    key: "isInsideGrid",
-    value: function isInsideGrid(x1, y1, x2, y2) {
-      return x2 >= 0 && x1 < this.gridRightBoundary && y2 >= 0 && y1 < this.gridBottomBoundary;
-    }
-  }]);
-  return CollisionIndex;
-}();
-
-exports.default = CollisionIndex;