cesium教程-1.快速開始

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

歡迎各位大佬點星星

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章