资料下载:

  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 : 全屏切换。
Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐