Cesium Earth 教程第一集

最新推荐文章于 2024-04-10 05:58:39 发布

大神的小弟子

最新推荐文章于 2024-04-10 05:58:39 发布

阅读量545

点赞数 1

分类专栏： WebGL 文章标签： ceisum earth 初学者

本文链接：https://blog.csdn.net/qq_17224415/article/details/96271897

版权

WebGL 专栏收录该内容

1 篇文章 1 订阅

订阅专栏

Cesium Earth 教程第一集

源码下载
- Ceisum Earth 源码编译
- Ceisum Earth 首次运行

源码下载

官方下载地址：https://cesiumjs.org/downloads/
Download ：直接下载编译好的源码
Source ：GitHub下载未编译的源码
在这里插入图片描述

Ceisum Earth 源码编译

//首先先自行安装好nodejs，这里就不进行展示（有点懒）
1.进入下载好的源码文件夹
在这里插入图片描述
2.在地址栏输入 “cmd“，进入命令窗口
3.安装npm 打包工具**

npm install

4.进行编译

npm run release

5.编译好后会出现一个Build文件夹
//Cesium 适用于发布版本
//CesiumUnminified 适用于测试版本
在这里插入图片描述

Ceisum Earth 首次运行

1.创建项目文件夹
2.将编译好的代码放入项目文件夹
3.添加“index.html”文件并添加以下代码：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Earth</title>
		<script src="CesiumUnminified/Cesium.js"></script>
		<link rel="stylesheet" href="CesiumUnminified/Widgets/widgets.css">
		<style>
			html,
			body,
			#cesiumdiv {
				width: 100%;
				height: 100%;
				margin: 0px;
				position: relative;
				z-index: 1;
			}
		</style>
	</head>

	<body>
		<div id="cesiumdiv">
			<div id="info"></div>
		</div>
	</body>
	<script>
		var viewer = new Cesium.Viewer("cesiumdiv")
	</script>

</html>

4.通过Hbuild内置环境，浏览器运行
在这里插入图片描述
5.最终效果

以上就对Ceisum 的运行环境以及安装有个详细的了解，后面的教程会针对对应功能点进行介绍！
欢迎大家传阅(●’◡’●)~~
有什么说的不对的地方烦请各位观众老爷们吐槽哈~

大神的小弟子

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Cesium Earth 教程第一集

Cesium Earth 教程第一集源码下载Ceisum Earth 源码编译Ceisum Earth 首次运行源码下载官方下载地址：https://cesiumjs.org/downloads/Download ：直接下载编译好的源码Source ：GitHub下载未编译的源码Ceisum Earth 源码编译//首先先自行安装好nodejs，这里就不进行展示（有点懒）1.进入下...
复制链接

扫一扫