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

一、中文網(wǎng)絡(luò)資料

Cesium有一定的使用基數(shù)，所以搜索cesium中文教程有很多結(jié)果，有整理得很詳細(xì)的中文網(wǎng)站：

Cesium中文網(wǎng)：cesium.xin/

二、官方文檔

最好的教程還應(yīng)該是官方文檔。

Js api的文檔見：

cesium也提供了一個(gè)在線的代碼編寫調(diào)試并展示效果，查看選擇例子的環(huán)境：

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

三、資料下載

國內(nèi)訪問cesium很慢，沒關(guān)系，可以把資料下載到本地。

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

但下載的文件必須經(jīng)過編譯才能運(yùn)行。

首先確保電腦安裝了nodejs環(huán)境。

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

在路徑下，運(yùn)行命令：node server.js

按照提示，訪問本地網(wǎng)址即可：

http://localhost:8080/

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

因?yàn)閿?shù)據(jù)還需要從cesium數(shù)據(jù)倉庫中拉取，所以渲染還是會慢點(diǎn)，不過相對來說，open street map的數(shù)據(jù)加載會快很多，可以切換地圖到open street map。

查看更多例子，或編寫調(diào)試代碼，可以訪問：

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

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

調(diào)試完成的頁面需要保存的時(shí)候，要注意保存路徑。

假設(shè)我把一個(gè)調(diào)試好的頁面保存在Apps/Sandcastle/gallery/路徑下，并命名為test.html。

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

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

四、天地圖三維地圖

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

使用說明見：

使用這個(gè)demo注意幾點(diǎn)。

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

2.將index.html文件中的：

和

改成：

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

五、總結(jié)

1.Cesium的中文教程很多。

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

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

4.實(shí)踐。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。