Cesium本地文档部署与第一个实例
(1)本地文档与示例部署
Cesium最新版本下载地址:https://cesium.com/downloads/,本次教程用的1.86版本的Cesium,如果以后版本较高,可点击Previous releases找到1.86版本的Cesium下载。下载之后进行解压,解压后的目录如下所示。
├── Apps Cesium具体的范例程序。├── Buidld release包,打包后的库文件(压缩和未压缩)、SDK文档 ├── Source Cesium源码├── Specs Cesium的主动话单元测试,采纳Jasmine框架,能够实现自动化测试以及接口覆盖率等统计成果 ├── ThirdParty 内部依赖库,不同于Cesium的第三方库 ├── idnex.html Web导航首页├── server.cjs 基于node.js的web服务利用├── package.json node包管理器├── gulpfile.js 打包脚本
用vscode关上解压后的文件夹,右击跟门路下的index.html,选“Open with Live Server”。这样就能够浏览官网文档与官网示例。
- Document :残缺的API文档和参考。
- Sandcastle:Cesium的实时代码编辑器和示例库。浏览突出显示Cesium API个性的示例,并在web浏览器中编辑和运行它们。在Sandcastle中创立的应用程序能够保留和下载。
- Cesium ion:Cesium在线资源-地形(createWorldTerrain)、影像(createWorldImagery/IonImageryProvider)、OSM(createOsmBuildings)、点云(IonResource.fromAssetId)、3DTiles等
- Local links:Cesium本地资源链接,文档、示例、单元测试等
- External links:Cesium内部资源链接,社区、博客、GitHub等
- Cesium ion:Cesium在线资源-地形(createWorldTerrain)、影像(createWorldImagery/IonImageryProvider)、OSM(createOsmBuildings)、点云(IonResource.fromAssetId)、3DTiles等
- Local links:Cesium本地资源链接,文档、示例、单元测试等
- External links:Cesium内部资源链接,社区、博客、GitHub等
(2)第一个实例搭建
通过在html文件中援用cesium比较简单,新建文件夹(examples),将下面的Build文件夹(只拷贝外面的Cesium)拷贝到examples中,在examples根门路下创立html文件,代码如下:
<!DOCTYPE html><head> <title>Hello World</title> <script src="./Cesium/Cesium.js"></script> <link href="./Cesium/Widgets/widgets.css" rel="stylesheet" /> <style> html, body, #cesiumContainer { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }</style></head><body> <div id="cesiumContainer"></div> <script> var viewer = new Cesium.Viewer("cesiumContainer");</script></body>