Cesium开发入门——Demo01:Getting Started手把手教程

1.用户注册

①免费注册Cesium ion账号【←点击这个链接即可跳转到以下界面】;
Cesium开发入门——Demo01:Getting Started手把手教程
②填写下图中的信息,完成账号注册;
Cesium开发入门——Demo01:Getting Started手把手教程
【具体完成之后会有一封邮件发到邮箱,可能会需要确认,也可能不用,看看邮件内容就行,然后下方是登录界面,我在这里直接登录】
Cesium开发入门——Demo01:Getting Started手把手教程
②账号注册登录后,界面如下所示,其中已经点击的是我已经上传的AGI_HQ文件,接下来,就是数据的上传教程;
Cesium开发入门——Demo01:Getting Started手把手教程

2.数据上传与Token获取

  • 示例数据下载:Data01 提取码:grhg
    Cesium开发入门——Demo01:Getting Started手把手教程
    数据下载解压后,按下面教程,完成上传,并获取数据使用Token码;
    Cesium开发入门——Demo01:Getting Started手把手教程
    Cesium开发入门——Demo01:Getting Started手把手教程
    Cesium开发入门——Demo01:Getting Started手把手教程
    Cesium开发入门——Demo01:Getting Started手把手教程
    Cesium开发入门——Demo01:Getting Started手把手教程
    上图中注意右边的括号中的ID,下图中注意Token的获取,这两个值将在代码中用到(替换)
    ID是用于调取上传的数据资源,Token则是一个访问码(相当于一个请求权限)
    Cesium开发入门——Demo01:Getting Started手把手教程

3.HbuilderX下载解压创建项目

  • HBuilder软件下载地址:HBuilderX
    Cesium开发入门——Demo01:Getting Started手把手教程
    Cesium开发入门——Demo01:Getting Started手把手教程
    下载后,直接解压,运行exe文件,即可使用;
    Cesium开发入门——Demo01:Getting Started手把手教程
    Cesium开发入门——Demo01:Getting Started手把手教程
    文件>新建>项目
    Cesium开发入门——Demo01:Getting Started手把手教程
    在新建项目上右键;选择新建HTML、JavaScript、CSS等文件;
    Cesium开发入门——Demo01:Getting Started手把手教程
    新建完成后界面;
    Cesium开发入门——Demo01:Getting Started手把手教程

4.Getting Started示例

  • Getting Started 代码教程位置:Getting StartedCesium开发入门——Demo01:Getting Started手把手教程
    Cesium开发入门——Demo01:Getting Started手把手教程
    如图:点击右上角复制代码粘贴到项目中,并替换下面Token与id,替换后,项目中代码如下图所示,然后点击“运行-运行到浏览器”;
    Cesium开发入门——Demo01:Getting Started手把手教程
    浏览器中运行界面如下图所示;
    Cesium开发入门——Demo01:Getting Started手把手教程
    Cesium开发入门——Demo01:Getting Started手把手教程
    此时,界面中三维模型立体显示;
    Cesium开发入门——Demo01:Getting Started手把手教程
    第一个示例完成!