1.介紹
CesiumJS是一個用於Web上3D地圖的JavaScript庫。開發者通過Cesium,實現無插件的創建三維球,Cesium通過WebGL技術實現圖形的硬件加速,並且跨平臺,跨瀏覽器,
cesium官網:https://cesium.com/
實例地址:https://sandcastle.cesium.com/
開發工具:推薦vscode(免費,插件很多)
瀏覽器:推薦使用谷歌瀏覽器(Chrome)
2.HelloWorld
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="../Cesium/Widgets/widgets.css">
<script src="../Cesium/Cesium.js"></script>
<style>
html,
body,
#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
//Cesium.Ion.defaultAccessToken = 'your_access_token';//需要到cesiumion申請
let viewer = new Cesium.Viewer("cesiumContainer",{
terrainProvider: Cesium.createWorldTerrain()//快速創建世界地形
});
</script>
</body>
</html>
1.說明:your_access_token申請網址: https://cesium.com/ion/signin,your_access_token這個token用作請求影像和地形,如果您使用的是國內的地圖源和自定義地形源可以不用申請
2.Cesium包下載:https://cesium.com/cesiumjs/
上面代碼寫好,雙擊代碼的html文件卻報錯了?????
所有web程序需要一個web服務器,CesiumJS也不例外。那我們vscode安裝一個服務的插件
在所在html文件空處右擊
那麼我的第一個應用就開到效果了
代碼放在:https://github.com/weshmily/cesiumPDG
歡迎各位大佬點星星