记录静态引入Cesium三维地球框架--加载Geojson数据--操纵Entity类的方法.....

1 首先在Cesium官方网站下载Cesium.js静态资源包（包括了一些js和css样式）

网址：https://cesium.com/downloads/

2 引入相关文件，定义好盒子容器，并设置基本样式

3 去官网注册账号申请好token，访问Cesium地球资源

4 加载图层

viewer.dataSources.add(
    Cesium.GeoJsonDataSource.load(
    "../Specs/china.json", //改成你的json地址
    {
    
    
      stroke: Cesium.Color.WHITE,   // 边框颜色
      fill: Cesium.Color.RED.withAlpha(0.5),  // 填充颜色
      strokeWidth: 3, // 边框宽度
    }));

这里我的json是从阿里云数据可视化平台在线获取的json文件
网址：http://datav.aliyun.com/portal/school/atlas/area_selector

5 控制面对象的entity属性

entity.polygon.height = 1000; //设置面域高度
entity.polygon.extrudedHeight = entity.properties.childrenNum *2000; //控制不同面域层高度
entity.outline = true;  //外线框
entity.outlineColor = Cesium.Color.RED; //外线框颜色
entity.polygon.classificationType = Cesium.ClassificationType.BOTH; 

6 关于广告牌

entity.billboard =  {
    
    
            image : '../Specs/气象站.png',
            // verticalOrigin: Cesium.VerticalOrigin.BOTTOM
        } // 给每个entity修改了广告牌的显示形式

7 官方文档在静态资源包中的index.html文件中

8 一些过程

---

另：建议Vue3导入Cesium资源，学习过程多看官方文档… 未完待续…