CesiumJS进阶攻略之初识Cesium

一.什么是Cesium？

Cesium是一个javascript库，所以它的全面其实叫做Cesium JS,Cesium是开放源代码的，任何个人和企业都可以免费使用。

对于Cesium的用途，一句话足以说明问题：用来作为三维空间展示载体，只要项目中需要有诸如三维地球、三维建筑物、三维航线等对象的可视化，都可以用Cesium框架用实现。

Cesium支持3D,2D,2.5D形式的地图展示。

二.如何使用Cesium？

官网地址：https://cesium.com/cesiumjs/
官方API文档（English）：https://cesium.com/downloads/cesiumjs/releases/b27/Documentation/index.html
官网GitHub网址（可在该处提问）：https://github.com/AnalyticalGraphicsInc/cesium
Cesium中文网（可作为官方API参考内容，为中文显示，但文字代码不可复制）：http://cesium.xin/

2.1使用Cesium

首先引入cesium的css和js文件，我这里引用的是网络资源，也可以在官网下载本地资源。

 <script src="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Cesium.js"></script>  
 <link href="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Widgets/widgets.css" rel="stylesheet">

创建一个HTML元素来保存CesiumJS widget：

<div id="cesiumContainer" style="width: 100%; height:600px"></div>

ion账户提供一个token来访问Bing底图。由于已经登录了Cesium ion，所以默认账户的token自动在本教程中使用：

Cesium.Ion.defaultAccessToken = 'your_access_token';

最后，创建一个顶部的Cesium部件，命名为Viewer，使用上面定义的HTML div元素：

var viewer = new Cesium.Viewer('cesiumContainer');

完整代码：

	<!DOCTYPE html>  
	<html lang="en">  
	<head>  
	  <meta charset="utf-8">  
	  <script src="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Cesium.js"></script>  
	  <link href="https://cesiumjs.org/releases/1.56.1/Build/Cesium/Widgets/widgets.css" rel="stylesheet">  
	</head>  
	<body>  
	  <div id="cesiumContainer" style="width: 100%; height:600px"></div>  
	  <script>  
	    Cesium.Ion.defaultAccessToken = 'your_access_token';  
        var viewer = new Cesium.Viewer('cesiumContainer');  
  </script>  
	</body>  
</html>

原文链接：https://blog.csdn.net/zm17671443092/article/details/109454666