[CesiumJS]Cesium入门3 - Cesium目录框架结构

本文介绍了CesiumJS的目录框架,包括Source目录中的核心代码与ThirdParty目录下的第三方库。讲解了如何在HTML页面中引入Cesium,强调了需要一个div作为Viewer容器,并引入必要的CSS样式。提供了从Source/AppSkeleton.js初始化Source/App.js的步骤,以及运行本地服务器的方法。推荐使用官方示例代码进行学习。
摘要由CSDN通过智能技术生成

app目录

下载官网上的文件,我们能看到以下CesiumJS库结构:

Source/: Cesium应用程序代码及数据
ThirdParty/:外部依赖库,不同于Cesium的第三方库
LICENSE.md:Cesium的License介绍
index.html:Web首页,需要按照Cesium要求定义页面,同时添加Cesium依赖库
server.js:基于node.js的web服务应用

备注

cesiumJS与第三方JavaScript库和框架做了适配:

React: Integrating Cesium with React

ThreeJS: Integrating Cesium with ThreeJS

页面结构
引入CesiumJS

<script src="ThirdParty/Cesium/Cesium.js"></script>

开发者也可以根据自己的需求,通过ThirdParty/Cesium/source/来挑选自己的依赖库,裁剪js的大小

HTML结构
需要一个div作为Cesium Viewer widget的容器

<div id="cesiumContainer"></div>

需要引入app.js来激活Cesium Viewer,app.js最好在HTML末尾引入。

<script src="Source/App.js"></scr
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值