地球构建
2020-08-05 本文已影响0人
扶不起的蝌蚪
下载源码
文件分析
对于传统的script引入我们只需要用到Build文件夹下面的文件，其中Cesium是未压缩过的文件集合，CesiumUnminified是压缩后的文件集合,Documentation是文档集合
build文件
这里我们以开发版Cesium为示例
将整个Cesium文件拷贝到项目目录中
引入Cesium.js和widgets.css
文件位置
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>地图</title>
<link rel="stylesheet" type="text/css" href="./Cesium/Widgets/widgets.css" />
<script src="./Cesium/Cesium.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
#earth {
width: 100vw;
height: 100vh; /*高度若写为100%不会生效*/
max-width:100%; /* added */
}
</style>
</head>
<body>
<div id="earth"></div>
<script type="text/javascript">
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhYWQ4Njk1Zi0zNzViLTQxMWUtODE3Ny1lYTU1YzRhNDFmYmQiLCJpZCI6MzkyNSwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTUzOTI1MzUzMn0.x8DnO0IpZcLr3MYSCHp9DZ0x21uIaxGimTxD8edOrRA';
let earth = new Cesium.Viewer('earth');
</script>
</body>
</html>
效果
