2、创建一个地理球

最新推荐文章于 2022-11-17 10:34:26 发布

YingZiBo

最新推荐文章于 2022-11-17 10:34:26 发布

阅读量1k

点赞数

分类专栏： cesium入门到精通文章标签： cesium

本文链接：https://blog.csdn.net/miss_yingHao/article/details/123502826

版权

cesium入门到精通专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文介绍了如何注册Cesium ion账号获取访问令牌，然后在本地创建项目文件夹，将cesium库引入。通过VSCode编辑cesium1.html文件，插入必要的HTML和JavaScript代码，实现了一个基本的三维地理球展示。只需替换代码中的令牌，右键运行页面即可看到效果。

摘要由CSDN通过智能技术生成

1、获取访问令牌

登录Cesium ion

注册并获取访问令牌

2、创建一个项目文件夹，并在下面创建两个空文件夹

找到下载的源码文件，把cesium文件拷贝到libs中

3、vscode打开新建的文件

1）在src下创建cesium1.html文件

2）输入如下代码


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>1、创建地理球</title>
    <script src="../libs/Cesium/Cesium.js"></script>
    <link href="../libs/Cesium/Widgets/widgets.css" rel="stylesheet">
    <!--编写简单的CSS样式，将窗口铺满-->
    <style>
        html,
        body{
            margin: 0px;
            padding: 0px;
        }
    </style>
</head>
<body>
    <div id="cesiumContainer"></div>
    <script>
          //day1:创建一个地球
          Cesium.Ion.defaultAccessToken='输入你的令牌';
          const viewer=new Cesium.Viewer('cesiumContainer');
    </script>
    
</body>
</html>

3）右键运行该页面就可以得到一个三维地理球了

YingZiBo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2、创建一个地理球

1、获取访问令牌登录Cesium ion注册并获取访问令牌2、创建一个项目文件夹，并在下面创建两个空文件夹找到下载的源码文件，把cesium文件拷贝到libs中3、vscode打开新建的文件1）在src下创建cesium1.html文件2）输入如下代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <m.
复制链接

扫一扫

专栏目录