Cesium.js是做三維地球建模可視化的前端庫，網上的教程很多，官網文檔和例子都非常詳細，這里只是整理一下學習路徑，以備后續不時之需。

一、中文網絡資料

Cesium有一定的使用基數，所以搜索cesium中文教程有很多結果，有整理得很詳細的中文網站：

Cesium中文網：cesium.xin/

二、官方文檔

最好的教程還應該是官方文檔。

Js api的文檔見：

cesium也提供了一個在線的代碼編寫調試并展示效果，查看選擇例子的環境：

在這個平臺上，寫代碼片段和CSS設置即可，頁面完成之后，可以save as為HTML文件，或share為網址。

三、資料下載

國內訪問cesium很慢，沒關系，可以把資料下載到本地。

這個下載文件里，除了cesium.js和開發文檔外，還有本地化的sandcastle，可以在本地查看cesium的例子，并編寫代碼。

但下載的文件必須經過編譯才能運行。

首先確保電腦安裝了nodejs環境。

打開cmd，將路徑切換到文件解壓后的路徑下，既server.js所在的路徑下。

在路徑下，運行命令：node server.js

按照提示，訪問本地網址即可：

http://localhost:8080/

可以從hello world開始cesium入門：http://localhost:8080/Apps/HelloWorld.html

因為數據還需要從cesium數據倉庫中拉取，所以渲染還是會慢點，不過相對來說，open street map的數據加載會快很多，可以切換地圖到open street map。

查看更多例子，或編寫調試代碼，可以訪問：

http://localhost:8080/Apps/Sandcastle/index.html?src=Hello%20World.html&label=Showcases

在調試sandcastle的時候，也會遇到渲染加載很慢的情況，可以把底圖切換為open street map，可以減少等待時間。

調試完成的頁面需要保存的時候，要注意保存路徑。

假設我把一個調試好的頁面保存在Apps/Sandcastle/gallery/路徑下，并命名為test.html。

我想要查看這個頁面的效果，只需要輸入如下網址即可，其中src=后面的就是test.html文件名。

http://localhost:8080/Apps/Sandcastle/index.html?src=test.html&label=Showcases

四、天地圖三維地圖

國內訪問bing地圖的三維地球的確是慢，可以有一個退而求其次的選擇，用天地圖的三維地圖。

使用說明見：

使用這個demo注意幾點。

1.將index.html文件中的var token = '你的key';，修改一下，替換成在cesium平臺生產的token，見：https://cesium.com/ion/tokens。

2.將index.html文件中的：

和

改成：

直接用瀏覽器打開index.html即可查看效果。

五、總結

1.Cesium的中文教程很多。

2.cesium官網訪問起來比較慢，可以將資料下載到本地，進行查閱和代碼編寫。

3.bing三維地圖訪問渲染很慢，可以切換成open street map或天地圖。

4.實踐。

總結

以上是生活随笔為你收集整理的cesium js 路径_Cesium开发学习路径的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。