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

package/es/tile/tmsTileLayer.js

@@ -1,101 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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 _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 BaseTileLayer from "./tileLayer/baseTileLayer";
-import { updateTileVisible } from "./utils";
-export var TMSTileLayer = /*#__PURE__*/function (_BaseTileLayer) {
-  _inherits(TMSTileLayer, _BaseTileLayer);
-
-  var _super = _createSuper(TMSTileLayer);
-
-  function TMSTileLayer() {
-    var _this;
-
-    _classCallCheck(this, TMSTileLayer);
-
-    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), "type", 'TMS');
-
-    return _this;
-  }
-
-  _createClass(TMSTileLayer, [{
-    key: "tileUnLoad",
-    value: function tileUnLoad(tile) {
-      this.tileLayerManager.removeChilds(tile.layerIDList, false);
-    }
-  }, {
-    key: "tileUpdate",
-    value: function tileUpdate() {
-      var _this2 = this;
-
-      if (!this.tilesetManager) {
-        return;
-      }
-
-      this.tilesetManager.tiles.filter(function (tile) {
-        return tile.isLoaded;
-      }).map(function (tile) {
-        var _tile$data;
-
-        if ((_tile$data = tile.data) !== null && _tile$data !== void 0 && _tile$data.layers && _this2.sourceLayer) {
-          // vector
-          var vectorTileLayer = tile.data.layers[_this2.sourceLayer];
-          var features = vectorTileLayer === null || vectorTileLayer === void 0 ? void 0 : vectorTileLayer.features;
-
-          if (!(Array.isArray(features) && features.length > 0)) {
-            return;
-          }
-        }
-
-        if (!tile.parentLayerIDList.includes(_this2.parent.id)) {
-          var _tile$layerIDList;
-
-          var _this2$tileLayerManag = _this2.tileLayerManager.createTile(tile),
-              layers = _this2$tileLayerManag.layers,
-              layerIDList = _this2$tileLayerManag.layerIDList;
-
-          tile.parentLayerIDList.push(_this2.parent.id);
-
-          (_tile$layerIDList = tile.layerIDList).push.apply(_tile$layerIDList, _toConsumableArray(layerIDList));
-
-          _this2.tileLayerManager.addChilds(layers);
-
-          _this2.setPickState(layers);
-        } else {
-          if (!tile.isVisibleChange) {
-            return;
-          }
-
-          var _layers = _this2.tileLayerManager.getChilds(tile.layerIDList);
-
-          updateTileVisible(tile, _layers, _this2.layerService);
-
-          _this2.setPickState(_layers);
-        }
-      });
-
-      if (this.tilesetManager.isLoaded) {
-        // 将事件抛出，图层上可以使用瓦片
-        this.parent.emit('tiles-loaded', this.tilesetManager.currentTiles);
-      }
-    }
-  }]);
-
-  return TMSTileLayer;
-}(BaseTileLayer);

package/es/tile/utils.d.ts

@@ -1,19 +0,0 @@
-import { ILayer, IMapService, IRendererService, ILayerService } from '@antv/l7-core';
-import { Tile } from '@antv/l7-utils';
-export declare const tileVectorParser: string[];
-export declare function isVectorTile(parserType: string): boolean;
-export declare function registerLayers(parentLayer: ILayer, layers: ILayer[]): void;
-export declare function getLayerShape(layerType: string, layer: ILayer): string | string[];
-export declare function getMaskValue(layerType: string, mask: boolean): boolean;
-export declare function getContainerSize(container: HTMLCanvasElement | HTMLElement): DOMRect | {
-    width: number;
-    height: number;
-};
-export declare function readRasterValue(tile: Tile, mapService: IMapService, x: number, y: number): any;
-export declare function readPixel(x: number, y: number, rendererService: IRendererService): false | Uint8Array;
-export declare function isTileLoaded(tile: Tile): boolean;
-export declare function isTileChildLoaded(tile: Tile): boolean;
-export declare function isTileParentLoaded(tile: Tile): boolean;
-export declare function tileAllLoad(tile: Tile, callback: () => void): void;
-export declare function updateLayersConfig(layers: ILayer[], key: string, value: any): void;
-export declare function updateTileVisible(tile: Tile, layers: ILayer[], layerService: ILayerService): void;

package/es/tile/utils.js

@@ -1,209 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { createLayerContainer } from '@antv/l7-core';
-import { DOM } from '@antv/l7-utils';
-export var tileVectorParser = ['mvt', 'geojsonvt', 'testTile'];
-export function isVectorTile(parserType) {
-  return tileVectorParser.indexOf(parserType) >= 0;
-}
-export function registerLayers(parentLayer, layers) {
-  layers.map(function (layer) {
-    var container = createLayerContainer(parentLayer.sceneContainer);
-    layer.setContainer(container, parentLayer.sceneContainer);
-    layer.init();
-  });
-}
-export 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 '';
-  }
-}
-export 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;
-  }
-}
-export function getContainerSize(container) {
-  if (container.getContext) {
-    return {
-      width: container.width / DOM.DPR,
-      height: container.height / DOM.DPR
-    };
-  } else {
-    return container.getBoundingClientRect();
-  }
-}
-export function readRasterValue(tile, mapService, x, y) {
-  var _tile$bboxPolygon, _tile$data, _tile$data2, _tile$data3;
-
-  var bbox = (tile === null || tile === void 0 ? void 0 : (_tile$bboxPolygon = tile.bboxPolygon) === null || _tile$bboxPolygon === void 0 ? void 0 : _tile$bboxPolygon.bbox) || [0, 0, 10, -10];
-
-  var _bbox = _slicedToArray(bbox, 4),
-      _bbox$ = _bbox[0],
-      minLng = _bbox$ === void 0 ? 0 : _bbox$,
-      _bbox$2 = _bbox[1],
-      minLat = _bbox$2 === void 0 ? 0 : _bbox$2,
-      _bbox$3 = _bbox[2],
-      maxLng = _bbox$3 === void 0 ? 10 : _bbox$3,
-      _bbox$4 = _bbox[3],
-      maxLat = _bbox$4 === void 0 ? -10 : _bbox$4;
-
-  var tileXY = mapService.lngLatToContainer([minLng, minLat]);
-  var tileMaxXY = mapService.lngLatToContainer([maxLng, maxLat]);
-  var tilePixelWidth = tileMaxXY.x - tileXY.x;
-  var tilePixelHeight = tileXY.y - tileMaxXY.y;
-  var pos = [(x - tileXY.x) / tilePixelWidth, // x
-  (y - tileMaxXY.y) / tilePixelHeight // y
-  ];
-  var tileWidth = (tile === null || tile === void 0 ? void 0 : (_tile$data = tile.data) === null || _tile$data === void 0 ? void 0 : _tile$data.width) || 1;
-  var tileHeight = (tile === null || tile === void 0 ? void 0 : (_tile$data2 = tile.data) === null || _tile$data2 === void 0 ? void 0 : _tile$data2.height) || 1;
-  var indexX = Math.floor(pos[0] * tileWidth);
-  var indexY = Math.floor(pos[1] * tileHeight);
-  var index = Math.max(0, indexY - 1) * tileWidth + indexX;
-  var data = tile === null || tile === void 0 ? void 0 : (_tile$data3 = tile.data) === null || _tile$data3 === void 0 ? void 0 : _tile$data3.data[index];
-  return data;
-}
-export function readPixel(x, y, rendererService) {
-  var readPixels = rendererService.readPixels,
-      getContainer = rendererService.getContainer;
-  var xInDevicePixel = x * DOM.DPR;
-  var yInDevicePixel = y * DOM.DPR;
-
-  var _getContainerSize = getContainerSize(getContainer()),
-      width = _getContainerSize.width,
-      height = _getContainerSize.height;
-
-  width *= DOM.DPR;
-  height *= DOM.DPR;
-
-  if (xInDevicePixel > width - 1 * DOM.DPR || xInDevicePixel < 0 || yInDevicePixel > height - 1 * DOM.DPR || yInDevicePixel < 0) {
-    return false;
-  }
-
-  var pickedColors = readPixels({
-    x: Math.floor(xInDevicePixel),
-    // 视口坐标系原点在左上，而 WebGL 在左下，需要翻转 Y 轴
-    y: Math.floor(height - (y + 1) * DOM.DPR),
-    width: 1,
-    height: 1,
-    data: new Uint8Array(1 * 1 * 4)
-  });
-  return pickedColors;
-}
-export function isTileLoaded(tile) {
-  return tile.layerIDList.length === tile.loadedLayers;
-}
-export function isTileChildLoaded(tile) {
-  var childs = tile.children;
-  return childs.filter(function (child) {
-    return isTileLoaded(child);
-  }).length === childs.length;
-}
-export function isTileParentLoaded(tile) {
-  var parent = tile.parent;
-
-  if (!parent) {
-    return true;
-  } else {
-    return isTileLoaded(parent);
-  }
-}
-export 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);
-}
-export function updateLayersConfig(layers, key, value) {
-  layers.map(function (layer) {
-    if (key === 'mask') {
-      // Tip: 栅格瓦片生效、设置全局的 mask、瓦片被全局的 mask 影响
-      layer.style({
-        mask: value
-      });
-    } else {
-      layer.updateLayerConfig(_defineProperty({}, key, value));
-    }
-  });
-}
-
-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;
-}
-
-export function updateTileVisible(tile, layers, layerService) {
-  if (layers.length === 0) return;
-
-  if (updateImmediately(layers)) {
-    updateLayersConfig(layers, 'visible', tile.isVisible);
-    layerService.reRender();
-    return;
-  }
-
-  dispatchTileVisibleChange(tile, function () {
-    updateLayersConfig(layers, 'visible', tile.isVisible);
-    layerService.reRender();
-  });
-}

package/es/utils/blend.d.ts

@@ -1,2 +0,0 @@
-import { IBlendTypes } from '@antv/l7-core';
-export declare const BlendTypes: IBlendTypes;

package/es/utils/blend.js

@@ -1,54 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-var _BlendTypes;
-
-import { BlendType, gl } from '@antv/l7-core';
-export var BlendTypes = (_BlendTypes = {}, _defineProperty(_BlendTypes, BlendType.additive, {
-  enable: true,
-  func: {
-    srcRGB: gl.ONE,
-    dstRGB: gl.ONE,
-    srcAlpha: 1,
-    dstAlpha: 1
-  }
-}), _defineProperty(_BlendTypes, BlendType.none, {
-  enable: false
-}), _defineProperty(_BlendTypes, BlendType.normal, {
-  enable: true,
-  func: {
-    srcRGB: gl.SRC_ALPHA,
-    dstRGB: gl.ONE_MINUS_SRC_ALPHA,
-    srcAlpha: 1,
-    dstAlpha: 1
-  }
-}), _defineProperty(_BlendTypes, BlendType.subtractive, {
-  enable: true,
-  func: {
-    srcRGB: gl.ONE,
-    dstRGB: gl.ONE,
-    srcAlpha: gl.ZERO,
-    dstAlpha: gl.ONE_MINUS_SRC_COLOR
-  },
-  equation: {
-    rgb: gl.FUNC_SUBTRACT,
-    alpha: gl.FUNC_SUBTRACT
-  }
-}), _defineProperty(_BlendTypes, BlendType.max, {
-  enable: true,
-  func: {
-    srcRGB: gl.ONE,
-    dstRGB: gl.ONE
-  },
-  equation: {
-    rgb: gl.MAX_EXT
-  }
-}), _defineProperty(_BlendTypes, BlendType.min, {
-  enable: true,
-  func: {
-    srcRGB: gl.ONE,
-    dstRGB: gl.ONE
-  },
-  equation: {
-    rgb: gl.MIN_EXT
-  }
-}), _BlendTypes);

package/es/utils/collision-index.d.ts

@@ -1,47 +0,0 @@
-export interface ICollisionBox {
-    x1: number;
-    y1: number;
-    x2: number;
-    y2: number;
-    anchorPointX: number;
-    anchorPointY: number;
-}
-/**
- * 基于网格实现文本避让，大幅提升包围盒碰撞检测效率
- * @see https://zhuanlan.zhihu.com/p/74373214
- */
-export default class CollisionIndex {
-    private width;
-    private height;
-    private grid;
-    private viewportPadding;
-    private screenRightBoundary;
-    private screenBottomBoundary;
-    private gridRightBoundary;
-    private gridBottomBoundary;
-    constructor(width: number, height: number);
-    placeCollisionBox(collisionBox: ICollisionBox): {
-        box: number[];
-    };
-    insertCollisionBox(box: number[], featureIndex: number): void;
-    /**
-     * 后续碰撞检测都需要投影到 viewport 坐标系
-     * @param {THREE.Matrix4} mvpMatrix mvp矩阵
-     * @param {number} x P20 平面坐标X
-     * @param {number} y P20 平面坐标Y
-     * @return {Point} projectedPoint
-     */
-    project(mvpMatrix: number[], x: number, y: number): {
-        x: number;
-        y: number;
-    };
-    /**
-     * 判断包围盒是否在整个网格内，需要加上 buffer
-     * @param {number} x1 x1
-     * @param {number} y1 y1
-     * @param {number} x2 x2
-     * @param {number} y2 y2
-     * @return {Point} isInside
-     */
-    isInsideGrid(x1: number, y1: number, x2: number, y2: number): boolean;
-}

package/es/utils/collision-index.js

@@ -1,102 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-// @mapbox/grid-index 并没有类似 hitTest 的单纯获取碰撞检测结果的方法，query 将导致计算大量多余的包围盒结果，因此使用改良版
-import { mat4, vec4 } from 'gl-matrix';
-import GridIndex from "./grid-index";
-/**
- * 基于网格实现文本避让，大幅提升包围盒碰撞检测效率
- * @see https://zhuanlan.zhihu.com/p/74373214
- */
-
-var CollisionIndex = /*#__PURE__*/function () {
-  function CollisionIndex(width, height) {
-    _classCallCheck(this, CollisionIndex);
-
-    _defineProperty(this, "viewportPadding", 100);
-
-    this.width = width;
-    this.height = height;
-    this.viewportPadding = Math.max(width, height); // 创建网格索引
-
-    this.grid = new GridIndex(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;
-  }
-
-  _createClass(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 = vec4.fromValues(x, y, 0, 1);
-      var out = vec4.create(); // @ts-ignore
-
-      var mat = mat4.fromValues.apply(mat4, _toConsumableArray(mvpMatrix));
-      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;
-}();
-
-export { CollisionIndex as default };

package/es/utils/dataMappingStyle.d.ts

@@ -1,31 +0,0 @@
-import { ILayer } from '@antv/l7-core';
-/**
- * 该文件中的工具方法主要用于对 style 中的属性进行 数据映射
- */
-interface IConfigToUpdate {
-    thetaOffset?: any;
-    opacity?: any;
-    strokeOpacity?: any;
-    stroke?: any;
-    strokeWidth?: any;
-    offsets?: any;
-    textOffset?: any;
-}
-/**
- * 当样式发生变化时判断是否需要进行数据映射
- * @param configToUpdate
- * @param layer
- */
-declare function handleStyleDataMapping(configToUpdate: IConfigToUpdate, layer: any): void;
-/**
- * 根据传入参数 float 的类型和值做相应的操作
- */
-declare function handleStyleFloat(fieldName: string, layer: ILayer, styleFloat: any): void;
-/**
- * 根据传入参数 stroke / color 的类型和值做相应的操作
- * @param fieldName
- * @param layer
- * @param styleColor
- */
-declare function handleStyleColor(fieldName: string, layer: ILayer, styleColor: any): void;
-export { handleStyleDataMapping, handleStyleFloat, handleStyleColor };