cesium 加载大量的点数据

qq_39922838

已于 2023-09-15 13:14:52 修改

阅读量312

点赞数 2

文章标签： javascript 前端开发语言

于 2023-09-15 11:31:51 首次发布

本文链接：https://blog.csdn.net/qq_39922838/article/details/132898652

版权

该篇文章介绍了如何使用Cesium库在场景中加载大量点数据，并通过BillboardCollection添加图标，每个点对应geoData中的经纬度信息，展示了数据可视化的一个示例。

摘要由CSDN通过智能技术生成

cesium 加载大量的点数据

loadPoints(data) {
  const billboardsCollection = this.cesiumMap.viewer.scene.primitives.add(new Cesium.BillboardCollection());
  data.geoData.forEach((item) => {
    const position = Cesium.Cartesian3.fromDegrees(item.lon, item.lat, 5000);
    console.log(item.id);
    billboardsCollection._id = `mark${item.id}`;
    billboardsCollection.add({
      image: require("@/assets/img/legend/shuiwenzhan.png"),
      width: 32,
      height: 32,
      position
    });
  });
},