步驟1：獲取谷歌離線影像數(shù)據(jù)

通過谷谷GIS地圖下載器下載拼接影像數(shù)據(jù)，下載拼接后的數(shù)據(jù)為.tif格式的柵格數(shù)據(jù)。

?

?

步驟2：處理成影像切片（即瓦片數(shù)據(jù)，最后有關(guān)于瓦片數(shù)據(jù)的簡介）

利用CesiumLab2軟件進行影像切割，處理成分級分行分列的.png格式的圖像文件（即為瓦片數(shù)據(jù)）。文件層級：級數(shù)/列/行.png。級數(shù)每增加一級，分辨率減少為上一級的1/2，例如16級數(shù)據(jù)的分辨率是2米，17級數(shù)據(jù)的分辨率是1米，18級數(shù)據(jù)的分辨率是0.5米。

經(jīng)過CesiumLab2處理之后輸出的數(shù)據(jù)，按照級數(shù)分類，如下圖所示，

?

展開1級數(shù)據(jù)文件夾，里面的文件夾是按照列數(shù)分類，如下圖所示：

?

?

展開第0列文件夾，里面的圖片是按照行來排列的，如下圖所示：

?

步驟3：通過Nginx發(fā)布瓦片數(shù)據(jù)

找到nginx.conf文件，使用記事本打開，然后將瓦片數(shù)據(jù)所在路徑配置到服務(wù)器，如下圖所示。瀏覽器上輸入120.0.0.1：8080/data/tiles，如果可以訪問到數(shù)據(jù)，說明發(fā)布成功。

?

?

?

步驟4：Cesium3D地圖引擎加載谷歌離線瓦片

核心代碼如下：

?this.viewer = new Cesium.Viewer('cesiumContainer', {

????????animation: false,?// 是否顯示動畫控件

????????baseLayerPicker: true,?// 是否顯示圖層選擇控件

????????geocoder: true,??//是否顯示位置搜索

????????timeline: false,??//是否顯示時間軸

????????sceneModePicker: true,??//是否顯示2D、2.5D、3D切換按鈕

????????navigationHelpButton: false,??//是否顯示幫助按鈕

? ? ??

????????// 加載離線瓦片數(shù)據(jù)

????????imageryProvider: new Cesium.UrlTemplateImageryProvider({

??????????url: 'http://127.0.0.1:8080/data/tiles/{z}/{x}/{y}.png',???//發(fā)布到nginx上的URL，其中{z}代表級數(shù)、{x}代表列、{y}代表行

??????????fileExtension: 'png'??//圖片格式

????????})

??????})

加載結(jié)果如下圖所示

?

總結(jié)

以上是生活随笔為你收集整理的Cesium加载谷歌离线地图的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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