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

package/lib/tile/utils.js

@@ -1,158 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getContainerSize = getContainerSize;
-exports.getLayerShape = getLayerShape;
-exports.getMaskValue = getMaskValue;
-exports.isVectorTile = isVectorTile;
-exports.readPixel = readPixel;
-exports.readRasterValue = readRasterValue;
-exports.registerLayers = registerLayers;
-exports.tileVectorParser = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _l7Core = require("@antv/l7-core");
-
-var _l7Utils = require("@antv/l7-utils");
-
-var tileVectorParser = ['mvt', 'geojsonvt'];
-exports.tileVectorParser = tileVectorParser;
-
-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 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 = (0, _slicedToArray2.default)(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;
-}
-
-function readPixel(x, y, rendererService) {
-  var readPixels = rendererService.readPixels,
-      getContainer = rendererService.getContainer;
-  var xInDevicePixel = x * _l7Utils.DOM.DPR;
-  var yInDevicePixel = y * _l7Utils.DOM.DPR;
-
-  var _getContainerSize = getContainerSize(getContainer()),
-      width = _getContainerSize.width,
-      height = _getContainerSize.height;
-
-  width *= _l7Utils.DOM.DPR;
-  height *= _l7Utils.DOM.DPR;
-
-  if (xInDevicePixel > width - 1 * _l7Utils.DOM.DPR || xInDevicePixel < 0 || yInDevicePixel > height - 1 * _l7Utils.DOM.DPR || yInDevicePixel < 0) {
-    return false;
-  }
-
-  var pickedColors = readPixels({
-    x: Math.floor(xInDevicePixel),
-    // 视口坐标系原点在左上，而 WebGL 在左下，需要翻转 Y 轴
-    y: Math.floor(height - (y + 1) * _l7Utils.DOM.DPR),
-    width: 1,
-    height: 1,
-    data: new Uint8Array(1 * 1 * 4)
-  });
-  return pickedColors;
-}

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;

package/lib/utils/dataMappingStyle.js

@@ -1,151 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handleStyleColor = handleStyleColor;
-exports.handleStyleDataMapping = handleStyleDataMapping;
-exports.handleStyleFloat = handleStyleFloat;
-
-var _lodash = require("lodash");
-
-// 画布默认的宽度
-var WIDTH = 1024;
-/**
- * 当 style 中使用的 opacity 不是常数的时候根据数据进行映射
- * @param field
- * @param values
- * @param updateOptions
- */
-
-function registerStyleAttribute(fieldName, layer, field, values, updateOptions) {
-  layer.updateStyleAttribute(fieldName, field, values, updateOptions);
-}
-/**
- * 当样式发生变化时判断是否需要进行数据映射
- * @param configToUpdate
- * @param layer
- */
-
-
-function handleStyleDataMapping(configToUpdate, layer) {
-  if (configToUpdate.opacity) {
-    // 处理 style 中 opacity 属性的数据映射
-    handleStyleFloat('opacity', layer, configToUpdate.opacity);
-  }
-
-  if (configToUpdate.strokeWidth) {
-    // 处理 style 中 strokeWidth 属性的数据映射
-    handleStyleFloat('strokeWidth', layer, configToUpdate.strokeWidth);
-  }
-
-  if (configToUpdate.strokeOpacity) {
-    // 处理 style 中 strokeOpacity 属性的数据映射
-    handleStyleFloat('strokeOpacity', layer, configToUpdate.strokeOpacity);
-  }
-
-  if (configToUpdate.stroke) {
-    // 处理 style 中 stroke (strokeColor) 属性的数据映射
-    handleStyleColor('stroke', layer, configToUpdate.stroke);
-  }
-
-  if (configToUpdate.offsets) {
-    // 处理 style 中 offsets 属性的数据映射
-    handleStyleOffsets('offsets', layer, configToUpdate.offsets);
-  }
-
-  if (configToUpdate.textOffset) {
-    // 处理 style 中 textOffset 属性的数据映射
-    handleStyleOffsets('textOffset', layer, configToUpdate.textOffset);
-  }
-
-  if (configToUpdate.thetaOffset) {
-    // 处理 style 中 thetaOffset 属性的数据映射
-    handleStyleFloat('thetaOffset', layer, configToUpdate.thetaOffset);
-  }
-}
-/**
- * 根据传入参数 float 的类型和值做相应的操作
- */
-
-
-function handleStyleFloat(fieldName, layer, styleFloat) {
-  if ((0, _lodash.isString)(styleFloat)) {
-    // 如果传入的 styleFloat 是 string 类型，那么就认为其对应的是传入数据的字段
-    registerStyleAttribute(fieldName, layer, styleFloat, function (value) {
-      return value;
-    });
-  } else if ((0, _lodash.isNumber)(styleFloat)) {
-    // 传入 number、默认值处理
-    registerStyleAttribute(fieldName, layer, [styleFloat], undefined);
-  } else if (Array.isArray(styleFloat) && styleFloat.length === 2) {
-    // 传入的 styleFloat 是长度为 2 的数组
-    if ((0, _lodash.isString)(styleFloat[0]) && (0, _lodash.isFunction)(styleFloat[1])) {
-      // 字段回调函数 [string, callback]
-      registerStyleAttribute(fieldName, layer, styleFloat[0], styleFloat[1]);
-    } else if ((0, _lodash.isString)(styleFloat[0]) && Array.isArray(styleFloat[1]) && (0, _lodash.isNumber)(styleFloat[1][0]) && (0, _lodash.isNumber)(styleFloat[1][1])) {
-      // 字段映射 [string, [start: number, end: number]]
-      registerStyleAttribute(fieldName, layer, styleFloat[0], styleFloat[1]);
-    } else {
-      // 兼容
-      registerStyleAttribute(fieldName, layer, [1.0], undefined);
-    }
-  } else {
-    // 兼容
-    registerStyleAttribute(fieldName, layer, [1.0], undefined);
-  }
-}
-/**
- * 根据传入参数 offsets 的类型和值做相应的操作
- * @param fieldName
- * @param layer
- * @param styleOffsets
- */
-
-
-function handleStyleOffsets(fieldName, layer, styleOffsets) {
-  if ((0, _lodash.isString)(styleOffsets)) {
-    // 如果传入的 styleOffsets 是 string 类型，那么就认为其对应的是传入数据的字段
-    registerStyleAttribute(fieldName, layer, styleOffsets, function (value) {
-      return value;
-    });
-  } else if (Array.isArray(styleOffsets) && styleOffsets.length === 2 && (0, _lodash.isString)(styleOffsets[0]) && (0, _lodash.isFunction)(styleOffsets[1])) {
-    // 字段回调函数 [string, callback]
-    registerStyleAttribute(fieldName, layer, styleOffsets[0], styleOffsets[1]);
-  } else if (Array.isArray(styleOffsets) && styleOffsets.length === 2 && (0, _lodash.isNumber)(styleOffsets[0]) && (0, _lodash.isNumber)(styleOffsets[1])) {
-    // 字段映射 [string, [start: number, end: number]]
-    registerStyleAttribute(fieldName, layer, styleOffsets, undefined);
-  } else {
-    // 兼容
-    registerStyleAttribute(fieldName, layer, [0, 0], undefined);
-  }
-}
-/**
- * 根据传入参数 stroke / color 的类型和值做相应的操作
- * @param fieldName
- * @param layer
- * @param styleColor
- */
-
-
-function handleStyleColor(fieldName, layer, styleColor) {
-  if ((0, _lodash.isString)(styleColor)) {
-    // 如果传入的 styleColor 是 string 类型，那么就认为其是颜色值
-    registerStyleAttribute(fieldName, layer, styleColor, undefined);
-  } else if (Array.isArray(styleColor) && styleColor.length === 2) {
-    // 传入的 styleColor 是长度为 2 的数组
-    if ((0, _lodash.isString)(styleColor[0]) && (0, _lodash.isFunction)(styleColor[1])) {
-      // 字段回调函数 [string, callback]
-      registerStyleAttribute(fieldName, layer, styleColor[0], styleColor[1]);
-    } else if ((0, _lodash.isString)(styleColor[0]) && Array.isArray(styleColor[1]) && styleColor[1].length > 0) {
-      // 字段映射 [string, [start: string, end: string]]
-      registerStyleAttribute(fieldName, layer, styleColor[0], styleColor[1]);
-    } else {
-      // 兼容
-      registerStyleAttribute(fieldName, layer, '#fff', undefined);
-    }
-  } else {
-    // 兼容
-    registerStyleAttribute(fieldName, layer, '#fff', undefined);
-  }
-}