前要说明:

1,本人环境为Win10 64bit Win PC电脑。

步骤:

0注册用户密码

本节教程地址

https://cesium.com/docs/tutorials/quick-start/#step-1-create-an-account-and-get-a-token

注册地址  https://cesium.com/ion/signin/tokens

邮箱注册验证

qq邮箱

L4

获取账号密码

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlMGNkZTFiZC1iZjZlLTQ5Y2UtOTUyNy1kNTkzOTk5NTk4ZDAiLCJpZCI6MzY5MTAsImlhdCI6MTYwNDMyMTg1N30.JAmC-7TVqF-KhR06qPjw-aytEDdbAewkdvWiKqLk8yo

步骤2.设置CesiumJS客户端

从CDN导入

下面是一个完整的HTML页面,它将加载所需的JavaScript和CSS文件并初始化San Francisco的场景。

由于您已登录,因此此代码段已包含您的访问令牌。

// Your access token can be found at: https://cesium.com/ion/tokens.

Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlMGNkZTFiZC1iZjZlLTQ5Y2UtOTUyNy1kNTkzOTk5NTk4ZDAiLCJpZCI6MzY5MTAsImlhdCI6MTYwNDMyMTg1N30.JAmC-7TVqF-KhR06qPjw-aytEDdbAewkdvWiKqLk8yo';

// Initialize the Cesium Viewer in the HTML element with the `cesiumContainer` ID.

const viewer = new Cesium.Viewer('cesiumContainer', {

terrainProvider: Cesium.createWorldTerrain()

});

// Add Cesium OSM Buildings, a global 3D buildings layer.

const buildingTileset = viewer.scene.primitives.add(Cesium.createOsmBuildings());

// Fly the camera to San Francisco at the given longitude, latitude, and height.

viewer.camera.flyTo({

destination : Cesium.Cartesian3.fromDegrees(-122.4175, 37.655, 400),

orientation : {

heading : Cesium.Math.toRadians(0.0),

pitch : Cesium.Math.toRadians(-15.0),

}

});

cesium js 路径_Cesium学习笔记1:环境搭建相关推荐

  1. 深度学习(二)theano学习笔记(1)环境搭建

    theano学习笔记(1)环境搭建 原文地址:http://blog.csdn.net/hjimce/article/details/46654229 作者:hjimce 搭建theano实属不易,因 ...

  2. Go学习笔记_环境搭建

    Go学习笔记_环境搭建 Go背景知识 go的特点(官网): Build fast, reliable, and efficient software at scale- Go is an open s ...

  3. cesium js 路径_Cesium开发学习路径

    Cesium.js是做三维地球建模可视化的前端库,网上的教程很多,官网文档和例子都非常详细,这里只是整理一下学习路径,以备后续不时之需. 一.中文网络资料 Cesium有一定的使用基数,所以搜索ces ...

  4. cocos2d-x lua 学习笔记(1) -- 环境搭建

    Cocos2d-x 3.0以上版本的环境搭建和之前的Cocos2d-x 2.0 版差异较大的,同时从Cocos2d-x 3.0项目打包成apk安卓应用文件,搭建安卓环境的步骤有点繁琐,但搭建一次之后, ...

  5. Django学习笔记 开发环境搭建

    为什么使用django? 1.支持快速开发:用python开发:数据库ORM系统,并不需要我们手动地构造SQL语句,而是用python的对象访问数据库,能够提升开发效率. 2.大量内置应用:后台管理系 ...

  6. HarmonyOS_BearPi-HM Nano学习笔记之环境搭建

    前言:期待了已久的小熊派鸿蒙开发板终于出世了,12月11号准时抢到优惠券,果断下单,运费一起也就是29.9,实话说,很划算的,毕竟对自己的学习投资嘛,得舍得. 下面我把代码仓库.资料.视频课程地址贴出 ...

  7. cesium绘制网格_Cesium学习笔记-工具篇37-风场绘制

    这两天重新接触到流场,于是研究下,在大牛们的轮子上也算实现了效果: 1二维 2三维 主要参考以下三篇文章: <WebGL风向图>给出制作风向图通常步骤: 1. 在屏幕上生成一系列随机粒子位 ...

  8. node学习笔记_01 环境搭建

    一.下载安装nvm (node版本管理器),方便以后版本切换 nvm list            -> 查看node版本(版本最好在8.0以上,不然在vsCode断点调试进不去,跟node版 ...

  9. 移植u-boot1.1.6到友善mini2440学习笔记之环境搭建(系列之一)

    前记:两年前就想学习ARM,由于一些原因耽搁了下来.如今迫于找硬件岗位工作的压力,不得不硬着头皮学习ARM,以前就知道ARM入门是计较困难的,如今真是体会深切啊,全是心酸泪,不仅自己的无知跟自己作对, ...

最新文章

  1. 【C++】C++11的enum class enum struct和enum
  2. 疫情加速人脸识别落地:多地试点AI门禁,居民刷脸核验健康码
  3. Jmeter将JDBC Request查询结果作为下一个接口参数方法
  4. 【SDOI2017】硬币游戏【KMP】【概率期望】【高斯消元】
  5. 生成对抗网络gan原理_必读!TOP10生成对抗网络GAN论文(附链接)
  6. Elastic全球用户大会Elastic{ON}首次落地北京
  7. 【演化学习】初识platEMO-MOEA/D、NSGA-Ⅱ-DTLZ、HV
  8. 【1】mongoDB 的安装及启动
  9. atitit.Atitit. Gui控件and面板-----服务端控件 java struts的实现最佳实践
  10. 【测试管理】版本定义
  11. Google BBR是什么?以及在 CentOS 7 上如何部署
  12. OpenJudge 1.6.4
  13. 025_GPIO的读
  14. 项目管理所有计算公式
  15. 直播视频流+html,前端页面播放 rtmp 流与 flv 格式视频文件
  16. Matlab实现倒谱法 求 基音频率和共振峰
  17. 建立商城商品关联属性表实现单商品多规格功能
  18. 音频文件如何转换成MP3格式?一分钟教你搞定
  19. 基于JavaFX的扫lei小游戏
  20. 页面title加icon

热门文章

  1. safari下载中文文件名乱码
  2. matlab 遗传算法工具箱(GATBX)
  3. Java对接AD/LDAP的常见错误,以及解决办法
  4. 《挑战程序设计竞赛》推荐及算法相关书籍吐槽
  5. matlab滤除某一频率的信号,设计一个matlab带通滤波器代码采样频率10Hz,滤除除0.9-1.1Hz之外的其他信号,信号输入为x1,输出为x2,不明白的问我可以追加条件,运行好使的追加分...
  6. 微博投放技巧: 如何在微博投放
  7. jQuery入门、选择器、事件、静态方法、动画
  8. 【基础强训】day3
  9. 接口测试、APP和web测试流程(面试简化)
  10. 易康ecognition软件及其插件EPS1/2