由于工作原因,开始接触了CesiumJS,也感受到了其博大切看不懂的一面,为此,特写此笔记,以记录学习(踩坑)过程。
那么,开始。
http://cesium.xin/
这个是Cesium的中文网,相信用着google翻译看着全英文文档也不是什么很舒服的事
https://cesiumjs.org/
这个是Cesium的官网
这个是下载位置,我使用的是1.55版本
下载完后进入压缩文件中的build文件,把Cesium文件拷贝到项目中即可
不知为何有些老哥总是说要将Cesium.js删除后在引入,但是我直接用好像也没什么问题,视情况而定吧。
然后新建一个文件夹如图
在index中输入如下代码可创建一个最简单的Cesium地球
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cesium</title>
<script src="./script/Cesium/Cesium.js"></script>
<link rel="stylesheet" href="./script/Cesium/Widgets/widgets.css">
<style>
html,body{
margin: 0 0;
padding: 0 0;
height: 100%;
}
</style>
</head>
<body>
<div id="cesium" style="height: 100%;"></div>
<script>
var viewer = new Cesium.Viewer('cesium');
</script>
</body>
</html>
注意修改页面布局,默认的样式肯定不好看。