Cesium-获取token+FirstApp

有目标就不怕路远。年轻人.无论你现在身在何方.重要的是你将要向何处去。只有明确的目标才能助你成功。没有目标的航船.任何方向的风对他来说都是逆风。因此,再遥远的旅程,只要有目标.就不怕路远。没有目标,哪来的劲头?一车尔尼雷夫斯基

导读:本篇文章讲解 Cesium-获取token+FirstApp,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com,来源:原文

官网 https://cesium.com/ion/
目前长这样
在这里插入图片描述
有账号的话,点击sign in直接登陆
https://cesium.com/ion/signin
在这里插入图片描述

没有账号》》》那就注册个呗 = =
https://cesium.com/ion/signup
在这里插入图片描述
登陆成功后,这样
在这里插入图片描述

创建一个 default access token

https://cesium.com/ion/tokens
在这里插入图片描述
点完图中的①和②以后,会出现这个
在这里插入图片描述

输入名称,点击Create (其余按照默认选项确认即可)
这样就会生成一个默认的token
在这里插入图片描述

FirstApp

新建一个.html文件

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <!-- 引入CesiumJS库 -->
  <script src="https://cesium.com/downloads/cesiumjs/releases/1.67/Build/Cesium/Cesium.js"></script>
  <link href="https://cesium.com/downloads/cesiumjs/releases/1.67/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
</head>
<body>
    <!-- 创建一个HTML元素来容纳CesiumJS小部件 -->
  <div id="cesiumContainer" style="width: 700px; height:400px"></div>
  <script>
    // 从Cesium ion账户中获取一个访问令牌
    // for access to Bing imagery
    Cesium.Ion.defaultAccessToken = '你上面生成的token';
    // 创建顶级的Cesium部件装入将上面定义的小部件
    // var viewer = new Cesium.Viewer('cesiumContainer');
    // 加入地形
    var viewer = new Cesium.Viewer('cesiumContainer', {
    terrainProvider: Cesium.createWorldTerrain()
});
  </script>
</body>
</html>

效果~~~
在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/135492.html

(0)
飞熊的头像飞熊bm

相关推荐

发表回复

登录后才能评论
极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!