Cesium-获取token+FirstApp

最新推荐文章于 2024-01-05 10:25:06 发布

AQin1012

最新推荐文章于 2024-01-05 10:25:06 发布

阅读量10w+

点赞数 1

分类专栏： Cesium 文章标签： javascript node.js npm

本文链接：https://blog.csdn.net/aqin1012/article/details/105252261

版权

Cesium 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

官网 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>

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

AQin1012

关注

1
点赞
踩
7

收藏

觉得还不错? 一键收藏
打赏
0
评论
Cesium-获取token+FirstApp

官网 https://cesium.com/ion/目前长这样有账号的话，点击sign in直接登陆https://cesium.com/ion/signin没有账号》》》那就注册个呗 = =https://cesium.com/ion/signup登陆成功后，这样创建一个 default access tokenhttps://cesium.com/ion/tokens...
复制链接

扫一扫