记录静态引入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资源,学习过程多看官方文档… 未完待续…

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

青春不止L0l和Jay

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值