cesium 知识整理--搭建Cesium(引用cesium.js方式)

资料下载:

  1. 学习网址: cesium学习中文网.
  2. cesium:https://cesium.com/docs/
  3. 官网下载地址: https://cesiumjs.org/downloads/
  4. GitHub下载 https://github.com/AnalyticalGraphicsInc/cesium
  5. 安装NodeJS https://nodejs.org/en/
  6. npm install – 安装cesium开发和运行中依赖的第三方nodejs包
  7. npm run release – 把cesium各模块源码打包压缩
  8. cesium.js 命令深度解释
  9. npm start – 开启cesium的测试Http Server
  10. Sandcastle – Cesium教室

学习路线

  1. Viewer类学习 —— 一切API的入口
  2. Camera类学习-想去哪里去哪里( Cartesian3和Cartographic)
  3. IlmageryLayer类学习-地球原来如此多姿( ImageryProvider类)
  4. TerrainProvider类学习-这才是“真"三维( sampleTerrain)
  5. EntityAPl-与地球交互起来( DataSource, Scene.pick,property)
  6. Cesium3DTileset类-- 让场景更细致真实点( Cesium3DTileStyle类)
  7. Primitive API-性能提升第一步( GeometryInstance类 、Geometry类
  8. Fabric -玩点高级的(Appearance类, Material类 ) ParticleSystem -锦上添点“花”( Particle类,ParticleEmitter类 )

第一个Cesium App

编辑器: vscode

  1. 下载地址:https://code.visualstudio.com/

  2. 服务: nodeJs 或者自行安装http–server NodeJS下载地址:https://nodejs.org/en/

  3. http-server安装方法:安装nodejs后,打开cmd打开控制台输入:npm install http-server –g 回车。如图安装成功。
    在这里插入图片描述

  4. 使用方法: 进入项目文件夹,输入http-server –p 8081(-p指定8081端口,可自行设置)回车。复制地址在浏览器上访问即可。

  5. 下载cesiumJS文件,解压后拷贝Bulid文件下的Cesium文件夹至项目文件夹下。 CesiumJS下载

  6. 新建HTML文件,引入cesium相应的文件。
    在这里插入图片描述

  7. 创建三维窗口。
    在这里插入图片描述

  8. 刷新浏览器,即可出现球体,如图:
    在这里插入图片描述

拓展:

控件简介:
在这里插入图片描述

  1. Geocoder : 地理位置查询定位控件,默认使用bing地图服务.
  2. HomeButton : 默认相机位置。
  3. SceneModePicker : 3D、2D和哥伦布模式的切换按钮.
  4. BaseLayerPicker : 选择地形、影像等图层。
  5. NavigationHelpButton : 显示默认的相机控制提示.
  6. Animation : 控制场景动画的播放速度.
  7. CreditsDisplay : 展示数据版权属性。
  8. Timeline : 时间滚动条。
  9. FullscreenButton : 全屏切换。
  • 1
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值