柿子树备忘录

vuePress-theme-reco 柿子树    2023
柿子树备忘录

Choose mode

  • dark
  • auto
  • light
首页
个人笔记
  • Web
  • GIS
  • Database
  • DevOps
  • 可视化
地图故事
生活点滴
归档
关于我
author-avatar

柿子树

109

Article

73

Tag

首页
个人笔记
  • Web
  • GIS
  • Database
  • DevOps
  • 可视化
地图故事
生活点滴
归档
关于我
  • GIS理论基础

    • GIS基础知识
    • 地图坐标系统
  • GeoServer笔记

    • 思维导图
    • 一、OGC简述

    • 二、基本使用

    • 三、服务标准

    • 四、图层加载

    • 五、服务端开发

  • Openlayers

    • 思维导图
    • 一、快速起步

    • 二、ol结构体系

    • 三、数据源加载

    • 四、常用控件

    • 五、几何对象与Style样式

    • 六、事件交互

    • 七、OGC服务

    • 八、常用示例

  • CesiumJS

    • 思维导图
  • WorldWind

    • WorldWindJava 学习笔记
    • OpenGL中的坐标系

快速起步

vuePress-theme-reco 柿子树    2023

快速起步

ac 2022-01-12 CesiumJS

官网上的快速起步,有两种方式:

  1. CDN的方式引用;

  2. 工程化的npm包的形式。

这里先使用CDN的方式引用刚本地部署时下载的资源的方式。

# 1. 获取Cesium ion的token

Sign up for a free account (opens new window)

在Cesium ion 上注册账号,就会有一个访问Ion平台数据token。

image-20220224121815977

通过这个token可以访问该用户在My Assets 列表中的数据,My Assets中的服务可以是从现有的 Assets Depot 中列表中添加,也可以自己上传数据。

image-20220224122155736

# 2. Hello CesiumJS

创建一个叫"hello-cesium"的空文件夹,将刚解压出来的Build 文件夹拷贝一份进去。

Build目录下有很多依赖的资源文件,所以不能单单拷贝Cesium.js文件。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
 <script src="./Build/Cesium/Cesium.js"></script> 
  <style>
      @import url(./Build/Cesium/Widgets/widgets.css);
      html, body, #cesiumContainer {
          width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
      }
  </style>
  <!-- <script src="https://cesium.com/downloads/cesiumjs/releases/1.68/Build/Cesium/Cesium.js"></script> -->
  <!-- <link href="https://cesium.com/downloads/cesiumjs/releases/1.68/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> -->
</head>
<body>
  <div id="cesiumContainer"></div>
  <script>
    Cesium.Ion.defaultAccessToken = 'your_access_token';
    var viewer = new Cesium.Viewer('cesiumContainer',{
      terrainProvider: Cesium.createWorldTerrain()
    });
  </script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

image-20220224122554241