开源三维地球Cesium中如何离线加载卫星影像和高程DEM数据
1. 概述
前段時(shí)間,給大家介紹了基于《水經(jīng)注地圖發(fā)布服務(wù)中間件4.0》離線發(fā)布全球衛(wèi)星影像的方法【點(diǎn)擊回顧】,以及如何在內(nèi)網(wǎng)離線發(fā)布全國(guó)高程DEM數(shù)據(jù)并在OsgEarth中調(diào)用的方法【點(diǎn)擊回顧】,今天再為大家分享開(kāi)源三維地球Cesium如何離線加載衛(wèi)星影像和高程DEM數(shù)據(jù)的方法!
Cesium離線加載后的三維效果
2. 準(zhǔn)備工作
在開(kāi)始之前,需要先準(zhǔn)備離線數(shù)據(jù)發(fā)布軟件、離線衛(wèi)星影像與高程示例數(shù)據(jù)、Cesium開(kāi)源三維地球源碼和本機(jī)IP地址等。
地圖發(fā)布軟件:需要在內(nèi)網(wǎng)發(fā)布Cesium三維地球,請(qǐng)確保地圖發(fā)布服務(wù)中間件版本為4.0.4以上,如果低于該版本,請(qǐng)通過(guò)私信并回復(fù)"中間件"免費(fèi)獲取最新版本安裝包,也可以直接在官網(wǎng)下載。
離線示例數(shù)據(jù):提供的示例數(shù)據(jù)包括衛(wèi)星影像、地名標(biāo)簽和30米高程Dem數(shù)據(jù),由于這里主要是為了進(jìn)行功能性演示,因此影像數(shù)據(jù)和高程數(shù)據(jù)均僅提供了前10級(jí)數(shù)據(jù),如下圖所示。
示例文件(私信“示例數(shù)據(jù)”獲取)
Cesium地球源碼:開(kāi)源三維地球源碼可以從Cesium官網(wǎng)下載最新版,但由于國(guó)外網(wǎng)站訪問(wèn)非常慢,因此也可以通過(guò)私信回復(fù)"cesium"獲取Cesium源碼文件。
本機(jī)IP地址:由于會(huì)用到本機(jī)IP作為設(shè)置參數(shù),可以通過(guò)在DOS窗口中運(yùn)行"IPConfig"命令或其它方式獲取本機(jī)IP地址以備用,如下圖所示。
獲取本機(jī)IP地址
3. 全國(guó)高程離線發(fā)布
軟件的安裝與離線衛(wèi)星影像的發(fā)布方法,請(qǐng)參閱"全球衛(wèi)星影像離線發(fā)布神器《水經(jīng)注地圖發(fā)布服務(wù)中間件4.0》正式發(fā)布"一文【點(diǎn)擊回顧】,這里略有不同的地方主要是可以在安裝的過(guò)程中將衛(wèi)星影像、地名標(biāo)簽和高程DEM文件路徑全部設(shè)置完整。由于這里發(fā)布的數(shù)據(jù)是為了在Cesium進(jìn)行調(diào)用,因此發(fā)布的高程格式為默認(rèn)的"Terrain"格式,如下圖所示。
安裝配置
需要特別注意的是,安裝時(shí)在安裝文件上單擊鼠標(biāo)右鍵,然后在顯示的右鍵菜單中選擇"以管理員身份運(yùn)行"進(jìn)行安裝,當(dāng)提示需要輸入域名IP時(shí)輸入含"http://"的本機(jī)IP即可,如下圖所示。
輸入本機(jī)IP
安裝完成后,會(huì)顯示如下圖所示信息。
安裝完成
打開(kāi)Windows任務(wù)管理器,如果WeServer服務(wù)的狀態(tài)顯示"正在運(yùn)行",則說(shuō)明中間件服務(wù)安裝成功并已經(jīng)正常運(yùn)行,如下圖所示。
服務(wù)運(yùn)行正常
4. 部署Cesium源碼網(wǎng)站
Cesium開(kāi)源三維地球源碼解壓之后,如下圖所示。
Cesium源碼目錄
在Windows控制面板中打開(kāi)"管理工具",如下圖所示。
管理工具
打開(kāi)IIS網(wǎng)站管理器,如下圖所示。
打開(kāi)IIS
在"網(wǎng)站"樹(shù)節(jié)點(diǎn)單擊鼠標(biāo)右鍵,然后選擇"添加網(wǎng)站"菜單,如下圖所示。
添加網(wǎng)站
網(wǎng)站名稱可以任意取,這里我們?nèi)∶麨?#34;CES",物理路徑為Cesium源碼所在路徑,由于我們?cè)诎惭b配置WeServer時(shí)占用了80端口,這里我們將端口號(hào)設(shè)置為"8089",如下圖所示。
配置網(wǎng)站參數(shù)
配置完成之后點(diǎn)擊"確定"按鈕之后完成網(wǎng)站配置,如下圖所示。
完成配置
點(diǎn)擊"瀏覽*.8089(http)"可以瀏覽配置好的網(wǎng)站,如下圖所示。
Cesium主頁(yè)
在Cesium主頁(yè)中點(diǎn)擊"Hello World"鏈接,可以顯示在線地球,如下圖所示。
?
至此,一個(gè)部署到本地的Cesium系統(tǒng)就完成了,但衛(wèi)星影像數(shù)據(jù)和高程數(shù)據(jù)依然來(lái)自于互聯(lián)網(wǎng),接下來(lái)我們會(huì)講解如何將本地離線的谷歌衛(wèi)星影像與高程DEM數(shù)據(jù)加載到Cesium中。
5. 在Cesium配置離線衛(wèi)星影像與高程數(shù)據(jù)
將"HelloWorld.html"文件復(fù)制為"HelloWorld2.html"文件,如下圖所示。
復(fù)制文件
打開(kāi)"HelloWorld2.html"文件,然后注釋原有的地球加載代碼,新增加載 WeServer 發(fā)布的高程、影像與標(biāo)簽數(shù)據(jù)代碼,如下圖所示。
修改代碼
通過(guò)私信回復(fù)"cesium"可獲取Cesium源碼文件,解壓后在"Cesium\Apps"目錄中,已經(jīng)為你提供了"HelloWorld2.html"源碼文件,但需要特別注意的是需要將IP地址改為本機(jī)IP地址(前文我們已經(jīng)提到過(guò)了獲取本機(jī)IP的方法),如下圖所示。
修改IP
打開(kāi)網(wǎng)址"
http://localhost:8089/Apps/HelloWorld2.html",可以顯示加載本地影像與高程數(shù)據(jù)的三維地球,如下圖所示。
三維地球
將三維地球放大之后,就可以離線查看三維地形了,如下圖所示。
三維地形
至此,通過(guò)《地圖發(fā)布服務(wù)中間件4.0》在內(nèi)網(wǎng)發(fā)布離線衛(wèi)星影像與高程DEM,并在Cesium中離線加載顯示的目的就達(dá)到了。這樣一來(lái),當(dāng)前這臺(tái)電腦就是一臺(tái)標(biāo)準(zhǔn)的離線地圖服務(wù)器,內(nèi)網(wǎng)中任何一臺(tái)電腦都可以通過(guò)打開(kāi)網(wǎng)址離線查看三維地球,但需要注意的是需要將網(wǎng)址中的"Localhost"替換為本機(jī)IP,即本機(jī)網(wǎng)址:
http://localhost:8089/Apps/HelloWorld2.html
應(yīng)當(dāng)替換為:
http://192.168.0.5:8089/Apps/HelloWorld2.html
在公司局域網(wǎng)內(nèi),通過(guò)同事的電腦可以打開(kāi)Cesium三維地球,如下圖所示。
內(nèi)網(wǎng)調(diào)用效果
接下來(lái),我們?cè)賮?lái)看一看Cesium離線加載《水經(jīng)注全國(guó)離線地圖5.0》【點(diǎn)擊了解】的顯示效果。
6. 離線加載《水經(jīng)注全國(guó)離線地圖5.0》
本文中為大家提供的示例數(shù)據(jù)為全球前10級(jí)離線衛(wèi)星影像與高程DEM數(shù)據(jù),因此顯示效果會(huì)有一些差強(qiáng)人意。但當(dāng)把22.3TB的《全國(guó)離線地圖5.0》在內(nèi)網(wǎng)離線發(fā)布,并加載到Cesium中之后,效果就非常驚艷了!由于該數(shù)據(jù)為全國(guó)1-20級(jí)高清衛(wèi)星影像,因此相當(dāng)于是一個(gè)可以在內(nèi)網(wǎng)離線運(yùn)行的谷歌地球,如下圖所示。
Cesium離線三維地球中的平原
Cesium離線三維地球中的雪山
7. 總結(jié)
最后再次申明,由于本文中提供的數(shù)據(jù)為示例數(shù)據(jù),旨在說(shuō)明地圖發(fā)布服務(wù)中間件的內(nèi)網(wǎng)離線發(fā)布功能,因此衛(wèi)星影像數(shù)據(jù)和高程DEM數(shù)據(jù)都僅僅是全球前10級(jí)數(shù)據(jù)。也就是說(shuō)由于分辨率比較低,從而導(dǎo)致了顯示出的三維效果并不是非常的突出。如果你希望能顯示出類似于谷歌地球的三維地球效果,可以通過(guò)私信回復(fù)"免費(fèi)數(shù)據(jù)"可領(lǐng)取一個(gè)省的高清衛(wèi)星影像和全國(guó)的30米高程DEM切片數(shù)據(jù),然后更新到對(duì)應(yīng)的數(shù)據(jù)目錄即可!
總結(jié)
以上是生活随笔為你收集整理的开源三维地球Cesium中如何离线加载卫星影像和高程DEM数据的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: html坐标绘制路径,canvas学习笔
- 下一篇: 生成n套数位加减乘除_leetcode