自定义geojson生成物体的样式

pianmian1

于 2025-05-20 20:13:38 发布

阅读量241

点赞数 3

文章标签：数据库

本文链接：https://blog.csdn.net/pianmian1/article/details/148098021

版权

在上节我们学习了如何在cesium中导入geojson数据,本节我们来学习如何让它变得更加炫酷.

// 加载GeoJSON数据
// 使用Cesium的GeoJsonDataSource加载指定URL的地理数据
Cesium.GeoJsonDataSource.load("https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json")
  .then((dataSource) => { // 加载成功后的回调函数
    // 将数据源添加到场景中
    viewer.dataSources.add(dataSource);
    
    // 遍历数据源中的所有实体
    dataSource.entities.values.forEach((entity, index) => {
      // 为每个实体的多边形设置随机颜色材质
      entity.polygon.material = new Cesium.ColorMaterialProperty({
        // 生成随机颜色（基于索引确保不同实体颜色不同）
        color: Cesium.Color.fromRandom({
          seed: index // 使用索引作为随机种子，确保颜色差异化
        }),
        // 设置透明度为0.5
        alpha: 0.5
      });
    });
  })
  .catch((error) => { // 加载失败的错误处理
    console.error('GeoJSON数据加载失败:', error);
  });

保存后打开就可看到炫酷的地图了