花式玩转Cesium：dataSource打造Billboard数据聚合与分类显示的个性化盛宴

2023-06-14 00:27:39

踏入 Cesium 数据聚合之旅，引领数据可视化新风尚

数据聚合：赋予数据新生命

在浩瀚的数据海洋中，数据聚合扮演着至关重要的角色，它能将海量数据按类别汇总归类，从而提升数据呈现的效率和直观性。在 Cesium 的广阔舞台上，数据聚合功能的加入，为数据可视化开辟了一条全新的道路。

Cesium 的数据聚合之旅

Cesium 的数据聚合功能，源自强大的 dataSource。它能轻松处理繁杂的数据，按类别自动归类汇总，消除杂乱的视觉效果。更令人惊叹的是，我们可以根据不同数据类别，设置独一无二的图标，让数据在空间中翩翩起舞，化身一个个栩栩如生的视觉符号。

揭秘数据聚合的代码奥秘

为了让大家亲身体验数据聚合的魅力，我们准备了一段代码之旅：

// 为聚合而生的 dataSource
var dataSource = new Cesium.CustomDataSource('聚合数据源');

// 数据准备，根据实际需求加载数据
var billboardPositions = [
    {
        longitude: 116.397481,
        latitude: 39.908701,
        height: 0
    },
    {
        longitude: 116.403329,
        latitude: 39.908971,
        height: 0
    },
    {
        longitude: 116.395488,
        latitude: 39.907358,
        height: 0
    },
    // ...更多数据
];

// 创建聚合 entity
for (var i = 0; i < billboardPositions.length; i++) {
    var billboardEntity = {
        position: Cesium.Cartesian3.fromDegrees(billboardPositions[i].longitude, billboardPositions[i].latitude, billboardPositions[i].height),
        billboard: {
            image: '图标地址', // 不同数据类别的图标地址
            scale: 0.5, // 图标大小
            color: Cesium.Color.fromRandom(), // 图标颜色
        }
    };

    // 添加聚合 entity 到数据源
    dataSource.entities.add(billboardEntity);
}

// 将数据源添加到 Cesium 视图中
viewer.dataSources.add(dataSource);

// 设置聚合选项
dataSource.clustering = {
    enabled: true, // 开启聚合
    minimumClusterSize: 2, // 最小聚合数量，小于该数量的数据不会聚合
    clusterBillboards: true, // 是否聚合 billboard
    clusterLabels: false, // 是否聚合标签
    clusterPoints: false // 是否聚合点
};