@antv/l7-layers 2.25.7 → 2.25.9

package/lib/core/triangulation.js

@@ -0,0 +1,628 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlowLineFillTriangulation = FlowLineFillTriangulation;
+exports.GlobelPointFillTriangulation = GlobelPointFillTriangulation;
+exports.HeatmapGridTriangulation = HeatmapGridTriangulation;
+exports.HeatmapTriangulation = HeatmapTriangulation;
+exports.LineArcTriangulation = LineArcTriangulation;
+exports.LineTriangulation = LineTriangulation;
+exports.PointExtrudeTriangulation = PointExtrudeTriangulation;
+exports.PointFillTriangulation = PointFillTriangulation;
+exports.PointImageTriangulation = PointImageTriangulation;
+exports.PolygonExtrudeTriangulation = PolygonExtrudeTriangulation;
+exports.RasterImageTriangulation = RasterImageTriangulation;
+exports.SimpleLineTriangulation = SimpleLineTriangulation;
+exports.TileSimpleLineTriangulation = TileSimpleLineTriangulation;
+exports.checkIsClosed = checkIsClosed;
+exports.computeVertexNormals = computeVertexNormals;
+exports.earthOuterTriangulation = earthOuterTriangulation;
+exports.earthTriangulation = earthTriangulation;
+exports.polygonTriangulation = polygonTriangulation;
+exports.polygonTriangulationWithCenter = polygonTriangulationWithCenter;
+var _l7Utils = require("@antv/l7-utils");
+var _earcut = _interopRequireDefault(require("earcut"));
+var _glMatrix = require("gl-matrix");
+var _utils = require("../earth/utils");
+var _extrude_polyline = _interopRequireDefault(require("../utils/extrude_polyline"));
+var _Path = require("./shape/Path");
+var _extrude = _interopRequireWildcard(require("./shape/extrude"));
+var _utils2 = require("./utils");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// @ts-ignore
+
+/**
+ * 质心计算缓存
+ * 避免对相同坐标的重复计算
+ */
+
+const centroidCache = {};
+const CENTROID_CACHE_MAX_SIZE = 500;
+
+/**
+ * 生成坐标的缓存键
+ */
+function getCoordinateKey(coordinates) {
+  if (typeof coordinates === 'number') {
+    return String(coordinates);
+  }
+  if (Array.isArray(coordinates)) {
+    if (typeof coordinates[0] === 'number') {
+      return coordinates.slice(0, 2).join(',');
+    }
+    // 对于嵌套数组，取第一个点
+    return getCoordinateKey(coordinates[0]);
+  }
+  return '';
+}
+
+/**
+ * 带缓存的质心计算
+ */
+function cachedCalculateCentroid(coordinates) {
+  const key = getCoordinateKey(coordinates);
+  if (key && centroidCache[key]) {
+    return centroidCache[key].slice();
+  }
+  const centroid = (0, _l7Utils.calculateCentroid)(coordinates);
+
+  // 限制缓存大小
+  const keys = Object.keys(centroidCache);
+  if (keys.length >= CENTROID_CACHE_MAX_SIZE) {
+    // 删除一半的缓存
+    const deleteCount = Math.floor(CENTROID_CACHE_MAX_SIZE / 2);
+    for (let i = 0; i < deleteCount; i++) {
+      delete centroidCache[keys[i]];
+    }
+  }
+  if (key) {
+    centroidCache[key] = centroid.slice();
+  }
+  return centroid;
+}
+const GeometryCache = {};
+
+/**
+ * 计算2D 填充点图顶点
+ * @param feature 映射feature
+ */
+
+function PointFillTriangulation(feature) {
+  const coordinates = cachedCalculateCentroid(feature.coordinates);
+  return {
+    vertices: [...coordinates, ...coordinates, ...coordinates, ...coordinates],
+    indices: [0, 1, 2, 2, 3, 0],
+    size: coordinates.length
+  };
+}
+/**
+ * 计算2D 填充点图顶点 (地球模式)
+ * @param feature 映射feature
+ */
+function GlobelPointFillTriangulation(feature) {
+  const coordinates = (0, _l7Utils.calculateCentroid)(feature.coordinates);
+  const xyz = (0, _utils.lglt2xyz)(coordinates);
+  return {
+    vertices: [...xyz, ...xyz, ...xyz, ...xyz],
+    indices: [0, 1, 2, 2, 3, 0],
+    size: xyz.length
+  };
+}
+
+/**
+ * 计算3D 拉伸点图
+ * @param feature 映射feature
+ */
+function PointExtrudeTriangulation(feature) {
+  const {
+    shape
+  } = feature;
+  const {
+    positions,
+    index,
+    normals
+  } = getGeometry(shape, false);
+  return {
+    vertices: positions,
+    indices: index,
+    normals,
+    size: 5
+  };
+}
+
+/**
+ * 计算图片标注
+ * @param feature 映射feature
+ */
+function PointImageTriangulation(feature) {
+  // @ts-ignore
+  const that = this;
+  const id = feature.id;
+  // 当 imageFilterMap 存在且该 feature 未通过碰撞检测时，返回空几何（等效隐藏）
+  if (that !== null && that !== void 0 && that.imageFilterMap && !that.imageFilterMap[id]) {
+    return {
+      vertices: [],
+      indices: [],
+      size: 3
+    };
+  }
+  const coordinates = (0, _l7Utils.calculateCentroid)(feature.coordinates);
+  return {
+    vertices: [...coordinates],
+    indices: [0],
+    size: coordinates.length
+  };
+}
+
+/**
+ * 线三角化
+ * @param feature 映射feature
+ */
+function LineTriangulation(feature) {
+  const {
+    coordinates
+  } = feature;
+  // let path = coordinates as number[][][] | number[][];
+  // if (!Array.isArray(path[0][0])) {
+  //   path = [coordinates] as number[][][];
+  // }
+
+  const line = new _extrude_polyline.default({
+    dash: true,
+    join: 'bevel'
+  });
+  let path = coordinates;
+  if (path[0] && !Array.isArray(path[0][0])) {
+    path = [coordinates];
+  }
+  path.forEach(item => {
+    line.extrude(item);
+  });
+  const linebuffer = line.complex;
+  return {
+    vertices: linebuffer.positions,
+    // [ x,y,z, distance, miter,total ]
+    indices: linebuffer.indices,
+    normals: linebuffer.normals,
+    indexes: linebuffer.indexes,
+    size: 6
+  };
+}
+function FlowLineFillTriangulation(feature) {
+  // @ts-ignore
+  const coord = feature.coordinates.flat();
+  const tin = 1;
+  const tout = 1.0;
+  return {
+    vertices: [1, 0, 0, ...coord,
+    // 0
+    1, 2, -3,
+    // mapbox 为正
+    ...coord,
+    // 1
+    1, 1, -3,
+    // mapbox 为正
+    ...coord,
+    // 2
+    0, 1, 0, ...coord,
+    // 3
+    0, 0, 0, ...coord,
+    // 4
+    1, 0, 0, ...coord,
+    // 0
+    1, 2, -3,
+    // mapbox 为正
+    ...coord,
+    // 1
+    1, 1, -3,
+    // // mapbox 为正
+    ...coord,
+    // 2
+    0, 1, 0, ...coord,
+    // 3
+    0, 0, 0, ...coord // 4
+    ],
+    normals: [-tin, 2 * tout, 1,
+    // 0
+    2 * tout, -tout, 1,
+    // 1
+    tout, -tout, 1,
+    // 2
+    tout, -tout, 1,
+    // 3
+    -tin, -tout, 1,
+    // 4
+    0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
+    indices: [0, 1, 2, 0, 2, 3, 0, 3, 4, 5, 6, 7, 5, 7, 8, 5, 8, 9],
+    size: 7
+  };
+}
+function SimpleLineTriangulation(feature) {
+  const {
+    coordinates
+  } = feature;
+  const pos = [];
+  if (!Array.isArray(coordinates[0])) {
+    return {
+      vertices: [],
+      indices: [],
+      normals: [],
+      size: 6,
+      count: 0
+    };
+  }
+  const {
+    results,
+    totalDistance
+  } = getSimpleLineVertices(coordinates);
+  results.map(point => {
+    pos.push(point[0], point[1], point[2], point[3], 0, totalDistance);
+  });
+  return {
+    vertices: pos,
+    indices: [],
+    normals: [],
+    size: 6,
+    count: results.length
+  };
+}
+function TileSimpleLineTriangulation(feature) {
+  const {
+    coordinates
+  } = feature;
+  const pos = [];
+  if (!Array.isArray(coordinates[0])) {
+    return {
+      vertices: [],
+      indices: [],
+      size: 4,
+      count: 0
+    };
+  }
+  const {
+    results
+  } = getTileSimpleLineVertices(coordinates);
+  results.map(point => {
+    pos.push(point[0], point[1], point[2], point[3]);
+  });
+  return {
+    vertices: pos,
+    indices: [],
+    size: 4,
+    count: results.length
+  };
+}
+function lineSegmentDistance(b1, a1) {
+  const dx = a1[0] - b1[0];
+  const dy = a1[1] - b1[1];
+  return Math.sqrt(dx * dx + dy * dy);
+}
+function pushDis(point, n) {
+  if (point.length < 3) {
+    point.push(0);
+  }
+  if (n !== undefined) {
+    point.push(n);
+  }
+  return point;
+}
+function getSimpleLineVertices(coordinates) {
+  let points = coordinates;
+  if (Array.isArray(points) && Array.isArray(points[0]) && Array.isArray(points[0][0])) {
+    // @ts-ignore
+    points = coordinates.flat();
+  }
+  //修改计算距离的方式,与普通线的计算方式保持一致 edit by huyang 20231214
+  let distance = 0;
+  if (points.length < 2) {
+    return {
+      results: points,
+      totalDistance: 0
+    };
+  } else {
+    const results = [];
+    const point = pushDis(points[0], distance);
+    results.push(point);
+    for (let i = 1; i < points.length - 1; i++) {
+      const subDistance = lineSegmentDistance((0, _l7Utils.aProjectFlat)(points[i - 1]), (0, _l7Utils.aProjectFlat)(points[i]));
+      distance += subDistance;
+      const mulPoint = pushDis(points[i], distance);
+      results.push(mulPoint);
+      results.push(mulPoint);
+    }
+    const pointDistance = lineSegmentDistance((0, _l7Utils.aProjectFlat)(points[points.length - 2]), (0, _l7Utils.aProjectFlat)(points[points.length - 1]));
+    distance += pointDistance;
+    results.push(pushDis(points[points.length - 1], distance));
+    return {
+      results,
+      totalDistance: distance
+    };
+  }
+}
+function getTileSimpleLineVertices(points) {
+  if (points.length < 2) {
+    return {
+      results: points
+    };
+  } else {
+    const results = [];
+    const point = pushDis(points[0]);
+    results.push(point);
+    for (let i = 1; i < points.length - 1; i++) {
+      const mulPoint = pushDis(points[i]);
+      results.push(mulPoint);
+      results.push(mulPoint);
+    }
+    results.push(pushDis(points[points.length - 1]));
+    return {
+      results
+    };
+  }
+}
+function polygonTriangulation(feature) {
+  const {
+    coordinates
+  } = feature;
+  const flattengeo = _earcut.default.flatten(coordinates);
+  const {
+    vertices,
+    dimensions,
+    holes
+  } = flattengeo;
+  const indices = (0, _utils2.getPolygonSurfaceIndices)(vertices, holes, dimensions);
+  return {
+    indices,
+    vertices,
+    size: dimensions
+  };
+}
+
+// 构建几何图形（带有中心点和大小）
+function polygonTriangulationWithCenter(feature) {
+  const {
+    indices,
+    vertices,
+    size
+  } = polygonTriangulation(feature);
+  return {
+    indices: indices,
+    vertices: getVerticesWithCenter(vertices),
+    size: size + 4
+  };
+}
+function getVerticesWithCenter(vertices) {
+  const verticesWithCenter = [];
+  const {
+    center,
+    radius
+  } = (0, _l7Utils.calculatePointsCenterAndRadius)(vertices);
+  for (let i = 0; i < vertices.length; i += 2) {
+    const lng = vertices[i];
+    const lat = vertices[i + 1];
+    verticesWithCenter.push(lng, lat, 0, ...center, radius);
+  }
+  return verticesWithCenter;
+}
+function PolygonExtrudeTriangulation(feature) {
+  const coordinates = feature.coordinates;
+  const {
+    positions,
+    index,
+    normals
+  } = (0, _extrude.extrude_PolygonNormal)(coordinates, true);
+  return {
+    vertices: positions,
+    // [ x, y, z, uv.x,uv.y ]
+    indices: index,
+    normals,
+    size: 5
+  };
+}
+function HeatmapGridTriangulation(feature) {
+  const {
+    shape
+  } = feature;
+  const {
+    positions,
+    index
+  } = getHeatmapGeometry(shape);
+  return {
+    vertices: positions,
+    // [ x, y, z ] 多边形顶点
+    indices: index,
+    size: 3
+  };
+}
+
+/**
+ * 图片图层顶点构造
+ * @param feature 数据
+ */
+function RasterImageTriangulation(feature) {
+  const coordinates = feature.coordinates;
+  // [ x, y, z. uv.x, uv.y]
+  const positions = [...coordinates[0], 0, 0, 0, ...coordinates[1], 0, 1, 0, ...coordinates[2], 0, 1, 1, ...coordinates[3], 0, 0, 1];
+  const indexs = [0, 1, 2, 0, 2, 3];
+  return {
+    vertices: positions,
+    indices: indexs,
+    size: 5
+  };
+}
+
+/**
+ *  计算3D弧线顶点
+ * @param feature 映射数据
+ * @param segNum 弧线线段数
+ */
+function LineArcTriangulation(feature, styleOption) {
+  // @ts-ignore
+  const {
+    segmentNumber = 30
+  } = styleOption;
+  const coordinates = feature.coordinates;
+  const positions = [];
+  const indexArray = [];
+  for (let i = 0; i < segmentNumber; i++) {
+    // 上线两个顶点
+    // [ x, y, z, sx,sy, tx,ty]
+    positions.push(i, 1, i, coordinates[0][0], coordinates[0][1], coordinates[1][0], coordinates[1][1], i, -1, i, coordinates[0][0], coordinates[0][1], coordinates[1][0], coordinates[1][1]);
+    if (i !== segmentNumber - 1) {
+      indexArray.push(...[0, 1, 2, 1, 3, 2].map(v => {
+        return i * 2 + v;
+      }));
+    }
+  }
+  return {
+    vertices: positions,
+    indices: indexArray,
+    size: 7
+  };
+}
+
+/**
+ * 构建热力图密度图的顶点
+ * @param feature
+ * @returns
+ */
+function HeatmapTriangulation(feature) {
+  const coordinates = feature.coordinates;
+  if (coordinates.length === 2) {
+    coordinates.push(0);
+  }
+  const dir = addDir(-1, 1);
+  const dir1 = addDir(1, 1);
+  const dir2 = addDir(-1, -1);
+  const dir3 = addDir(1, -1);
+  // [x,y,z, dirx ,diry, weight]
+  const positions = [...coordinates, ...dir, ...coordinates, ...dir2, ...coordinates, ...dir3, ...coordinates, ...dir1];
+  const indexArray = [0, 1, 2, 3, 0, 2];
+  return {
+    vertices: positions,
+    indices: indexArray,
+    size: 5
+  };
+}
+
+/**
+ * 点图层3d geomerty
+ * @param shape 3D形状
+ */
+function getGeometry(shape, needFlat = false) {
+  if (GeometryCache && GeometryCache[shape]) {
+    return GeometryCache[shape];
+  }
+  const path = _Path.geometryShape[shape] ? _Path.geometryShape[shape]() : _Path.geometryShape.cylinder();
+  const geometry = (0, _extrude.extrude_PolygonNormal)([path], needFlat);
+  GeometryCache[shape] = geometry;
+  return geometry;
+}
+function computeVertexNormals(positions, indexArray, dim = 3, needFlat = false) {
+  const normals = new Float32Array(positions.length / dim * 3);
+  let vA;
+  let vB;
+  let vC;
+  const cb = _glMatrix.vec3.create();
+  const ab = _glMatrix.vec3.create();
+  const normal = _glMatrix.vec3.create();
+  for (let i = 0, li = indexArray.length; i < li; i += 3) {
+    vA = indexArray[i + 0] * 3;
+    vB = indexArray[i + 1] * 3;
+    vC = indexArray[i + 2] * 3;
+    let p1 = [positions[vA], positions[vA + 1]];
+    let p2 = [positions[vB], positions[vB + 1]];
+    let p3 = [positions[vC], positions[vC + 1]];
+    if (needFlat) {
+      p1 = (0, _l7Utils.lngLatToMeters)(p1);
+      p2 = (0, _l7Utils.lngLatToMeters)(p2);
+      p3 = (0, _l7Utils.lngLatToMeters)(p3);
+    }
+    const [ax, ay] = p1;
+    const pA = _glMatrix.vec3.fromValues(ax, ay, positions[vA + 2]);
+    const [bx, by] = p2;
+    const pB = _glMatrix.vec3.fromValues(bx, by, positions[vB + 2]);
+    const [cx, cy] = p3;
+    const pC = _glMatrix.vec3.fromValues(cx, cy, positions[vC + 2]);
+    _glMatrix.vec3.sub(cb, pC, pB);
+    _glMatrix.vec3.sub(ab, pA, pB);
+    _glMatrix.vec3.cross(normal, cb, ab);
+    normals[vA] += cb[0];
+    normals[vA + 1] += cb[1];
+    normals[vA + 2] += cb[2];
+    normals[vB] += cb[0];
+    normals[vB + 1] += cb[1];
+    normals[vB + 2] += cb[2];
+    normals[vC] += cb[0];
+    normals[vC + 1] += cb[1];
+    normals[vC + 2] += cb[2];
+  }
+  normalizeNormals(normals);
+  return normals;
+}
+function normalizeNormals(normals) {
+  for (let i = 0, li = normals.length; i < li; i += 3) {
+    const normal = _glMatrix.vec3.fromValues(normals[i], normals[i + 1], normals[i + 2]);
+    const newNormal = _glMatrix.vec3.create();
+    _glMatrix.vec3.normalize(newNormal, normal);
+    normals.set(newNormal, i);
+  }
+}
+function checkIsClosed(points) {
+  const p1 = points[0][0];
+  const p2 = points[0][points[0].length - 1];
+  return p1[0] === p2[0] && p1[1] === p2[1];
+}
+function getHeatmapGeometry(shape) {
+  const shape3d = ['cylinder', 'triangleColumn', 'hexagonColumn', 'squareColumn'];
+  const path = _Path.geometryShape[shape] ? _Path.geometryShape[shape]() : _Path.geometryShape.circle();
+  const geometry = shape3d.indexOf(shape) === -1 ? (0, _extrude.fillPolygon)([path]) : (0, _extrude.default)([path]);
+  // const geometry = fillPolygon([path]);
+  return geometry;
+}
+// 热力图计算范围
+function addDir(dirX, dirY) {
+  const x = (dirX + 1) / 2;
+  const y = (dirY + 1) / 2;
+  return [x, y];
+}
+
+/**
+ * 构建地球三角网格
+ * @returns
+ */
+function earthTriangulation() {
+  const earthmesh = (0, _utils.primitiveSphere)(_utils.EARTH_RADIUS, {
+    segments: _utils.EARTH_SEGMENTS
+  });
+  const {
+    positionsArr,
+    indicesArr,
+    normalArr
+  } = earthmesh;
+  return {
+    vertices: positionsArr,
+    indices: indicesArr,
+    size: 5,
+    normals: normalArr
+  };
+}
+function earthOuterTriangulation() {
+  const earthmesh = (0, _utils.primitiveSphere)(_utils.EARTH_RADIUS + _utils.EARTH_RADIUS_OUTER, {
+    segments: _utils.EARTH_SEGMENTS
+  });
+  const {
+    positionsArr,
+    indicesArr,
+    normalArr
+  } = earthmesh;
+  return {
+    vertices: positionsArr,
+    indices: indicesArr,
+    size: 5,
+    normals: normalArr
+  };
+}

package/lib/core/utils.d.ts

@@ -0,0 +1,5 @@
+export declare function MultipleOfFourNumber(num: number): number;
+/**
+ * Get vertex indices for drawing polygon mesh (triangulation)
+ */
+export declare function getPolygonSurfaceIndices(positions: number[], holeIndices: number[], positionSize: number, preproject?: boolean): number[];

package/lib/core/utils.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MultipleOfFourNumber = MultipleOfFourNumber;
+exports.getPolygonSurfaceIndices = getPolygonSurfaceIndices;
+var _l7Utils = require("@antv/l7-utils");
+var _earcut = _interopRequireDefault(require("earcut"));
+function MultipleOfFourNumber(num) {
+  return Math.max(Math.ceil(num / 4) * 4, 4);
+}
+
+/**
+ * Get vertex indices for drawing polygon mesh (triangulation)
+ */
+function getPolygonSurfaceIndices(positions, holeIndices, positionSize, preproject = true) {
+  const is3d = positionSize === 3;
+  if (preproject) {
+    positions = positions.slice();
+    const p = [];
+    for (let i = 0; i < positions.length; i += positionSize) {
+      p[0] = positions[i];
+      p[1] = positions[i + 1];
+      if (is3d) {
+        p[2] = positions[i + 2];
+      }
+
+      // earcut is a 2D triangulation algorithm, and handles 3D data as if it was projected onto the XY plane
+      const xy = (0, _l7Utils.lngLatToMeters)(p, true, {
+        enable: false,
+        decimal: 1
+      });
+      positions[i] = xy[0];
+      positions[i + 1] = xy[1];
+      if (is3d) {
+        positions[i + 2] = xy[2];
+      }
+    }
+  }
+  const indices = (0, _earcut.default)(positions, holeIndices, positionSize);
+  return indices;
+}

package/lib/earth/index.d.ts

@@ -0,0 +1,22 @@
+import type { ISourceCFG } from '@antv/l7-core';
+import BaseLayer from '../core/BaseLayer';
+interface IEarthLayerStyleOptions {
+    opacity: number;
+    setEarthTime(time: number): void;
+}
+export type EarthModelType = 'base' | 'atomSphere' | 'bloomSphere';
+export default class EarthLayer extends BaseLayer<IEarthLayerStyleOptions> {
+    type: string;
+    defaultSourceConfig: {
+        data: any[];
+        options: ISourceCFG | undefined;
+    };
+    buildModels(): Promise<void>;
+    /**
+     * 设置当前地球时间
+     * @param time
+     */
+    setEarthTime(time: number): void;
+    getModelType(): EarthModelType;
+}
+export {};