當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

GeoServer离线地图

發(fā)布時(shí)間：2023/12/20 编程问答 52 豆豆

生活随笔收集整理的這篇文章主要介紹了 GeoServer离线地图小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1.geoserver部分

需要安裝好 jdk 環(huán)境

1.1下載geoserver

選擇Stable穩(wěn)定版下載，選擇Binary解壓版下載，下載成功之后將其上傳到Linux服務(wù)器。下載地址：http://geoserver.org/release/stable/

選擇Binary解壓版下載，下載成功之后將其上傳到Linux服務(wù)器上并解壓，然后編輯start.ini文件修改端口號(hào)。

1.2 安裝geoserver

解壓文件

unzip -n geoserver-2.20.1-bin.zip -d ./geoserver

編輯start.ini文件修改端口號(hào)：

然后進(jìn)入到bin目錄，授予執(zhí)行.sh的權(quán)限

chmod u+x *.sh

啟動(dòng)運(yùn)行

nohup ./startup.sh &

然后在瀏覽器中訪問(wèn)服務(wù)器的7070端口加geoserver就能訪問(wèn)了

例如：http://ip:7070/geoserver

賬號(hào)密碼：admin/geoserver

1.4上傳文件

地圖下載

工具：全能地圖下載器，請(qǐng)自行安裝
地圖類(lèi)型設(shè)置為高德地圖街道圖

下載瓦片，瓦片級(jí)別大于13級(jí)時(shí)，要分批下載，一次下載一個(gè)級(jí)別的瓦片

下載完成，選擇是，拼接成tif格式的地圖

將tif文件上傳到服務(wù)器

geoserver/data_dir目錄下創(chuàng)建tif文件存放位置，文件名稱(chēng)按地圖級(jí)別命名

mkdir sxmap

1.4配置geoserver

創(chuàng)建工作區(qū)

選擇菜單欄左側(cè) 數(shù)據(jù) 下的 工作區(qū) 這一項(xiàng)

給你的工作區(qū)起一個(gè)名字，命名空間填寫(xiě)一個(gè)網(wǎng)址（這個(gè)網(wǎng)址不一定存在）用于標(biāo)識(shí)你的工作區(qū)

配置數(shù)據(jù)存儲(chǔ)

選擇菜單欄左側(cè) 數(shù)據(jù) 下的 數(shù)據(jù)存儲(chǔ) 這一項(xiàng)
數(shù)據(jù)存儲(chǔ)是真正用于數(shù)據(jù)存儲(chǔ)的，你可以選擇用來(lái)存儲(chǔ)的數(shù)據(jù)類(lèi)型

選擇 GeoTIFF 這一項(xiàng)

創(chuàng)建工作區(qū)時(shí)已將 sxmap 設(shè)置為默認(rèn)工作區(qū)，這里不需要更換了，否則需要手動(dòng)指定工作區(qū)
數(shù)據(jù)源名稱(chēng)填寫(xiě)為 3
連接參數(shù)選擇 3.tif 文件
之后點(diǎn)擊保存
系統(tǒng)生成的圖層名稱(chēng)格式為工作區(qū):數(shù)據(jù)源名稱(chēng)

發(fā)布圖層
上述操作點(diǎn)擊保存后跳轉(zhuǎn)到如下頁(yè)面，點(diǎn)擊發(fā)布按鈕

編輯圖層數(shù)據(jù) 一欄下拉
坐標(biāo)參考系統(tǒng) 一項(xiàng) 定義SRS 點(diǎn)擊查找，輸入 4326 后回車(chē)
地圖采用 EPSG:4326 格式，下圖中本機(jī) SRS 是指我們下載的地圖資源是 EPSG:3857 格式的

設(shè)置圖片瓦片大小為512

編輯圖層頁(yè)面上拉從數(shù)據(jù)一欄更換為 Tile Caching 這一項(xiàng)

EPSG:4326 這一欄 Published zoom levels（限制縮放級(jí)別）和 Cached zoom levels（設(shè)置緩存的縮放級(jí)別）設(shè)置為 3/3
EPSG:900913 這一欄刪除，不需要

完成上述操作，點(diǎn)擊保存，完成一層圖層發(fā)布
上述配置數(shù)據(jù)存儲(chǔ)和發(fā)布圖層操作是添加和發(fā)布了一個(gè)圖層，其它 tif 文件用同樣的方式添加進(jìn)來(lái)，工作區(qū)不需要再次創(chuàng)建
注意以下幾處需要修改，其余操作按照文檔正常操作（以 4.tif 為例，其它同理）

按照上面的步驟所發(fā)布的是一個(gè)完整的TIF數(shù)據(jù)，但在實(shí)際瀏覽地圖的時(shí)候，是按照瓦片的方式只加載當(dāng)前區(qū)域、當(dāng)前層級(jí)的地圖數(shù)據(jù)。這個(gè)過(guò)程，就需要對(duì)完整的TIF進(jìn)行切片，并緩存起來(lái)。為了增強(qiáng)用戶(hù)的瀏覽體驗(yàn)，加快瀏覽的速度，可以通過(guò)切片功能預(yù)先生成這些切片數(shù)據(jù)，并將其緩存。

切片圖層

將 tif 文件切片為瓦片，切片生成的文件在 geoserver/data_dir/gwc 目錄下

根據(jù)地圖層級(jí)選擇切片范圍
如果在發(fā)布圖層 配置 Tile Caching 這一項(xiàng)操作正確的話，這里 Zoom start 和 Zoom stop是不需要重新配置的

Number of tasks to use：該選項(xiàng)表示可以用多少個(gè)任務(wù)來(lái)切圖，類(lèi)似于多線程的模式，如果電腦性能允許的情況下，可以適當(dāng)增加這個(gè)數(shù)量，這樣切片的速度會(huì)更快些；如果電腦性能不高的話，數(shù)值太大的話，反而可能會(huì)影響性能。
Type of operation：操作類(lèi)型，包括：Reseed-regenerate all tiles（重新進(jìn)行完整的切片操作）、Seed-generate missing tiles（只對(duì)缺失的部分進(jìn)行切片）、Truncate-remove tiles（清空切片數(shù)據(jù)）。
Grid Set：選擇切片的Gridset，這個(gè)和圖層配置時(shí)候設(shè)置的Gridset有關(guān)。
Format：切片的數(shù)據(jù)格式。比如image/png
Zoom start：切片的開(kāi)始層級(jí)。
Zoom stop：切片的結(jié)束層級(jí)，結(jié)合Zoom start的選項(xiàng)，就可以將這層級(jí)數(shù)據(jù)之間的所有層級(jí)數(shù)據(jù)進(jìn)行切片。
Modifiable Parameters：修飾參數(shù)，比如給切片選擇樣式等內(nèi)容。
Bounding box：切片的邊界范圍，是個(gè)可選項(xiàng)。

2.高德API使用

高德三方標(biāo)準(zhǔn)圖層示例
復(fù)制上方示例中的html到本地html中
高德API提供的示例代碼

<!doctype html> <!doctype html> <html> <head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><title>TileLayer.WMTS</title><style>html,body,#container {margin: 0;padding: 0;width: 100%;height: 100%;}</style> </head> <body> <div id="container"></div> <script src="//webapi.amap.com/maps?v=1.4.15&key=您申請(qǐng)的key值"></script> <script> // 把這里的代碼刪掉替換成高德官網(wǎng)的另一段代碼// 創(chuàng)建地圖實(shí)例var map = new AMap.Map('container', {zoom: 3,center:[-99.241291, 39.51401]}); // 創(chuàng)建 WMS 標(biāo)準(zhǔn)圖層var wms = new AMap.TileLayer.WMS({url: 'https://ahocevar.com/geoserver/wms', // wms服務(wù)的url地址blend: false, // 地圖級(jí)別切換時(shí)，不同級(jí)別的圖片是否進(jìn)行混合tileSize: 512, // 加載WMS圖層服務(wù)時(shí)，圖片的分片大小params: {'LAYERS': 'topp:states',VERSION:'1.3.0'} // OGC標(biāo)準(zhǔn)的WMS地圖服務(wù)的GetMap接口的參數(shù)});map.add(wms); </script> </body> </html>

上方替換的代碼來(lái)源于高德API中提供的代碼，如下

把script 標(biāo)簽中 src="//webapi.amap.com/maps?v=1.4.15&key=您申請(qǐng)的key值"中的js下載到本地
訪問(wèn) webapi.amap.com/maps?v=1.4.15得到j(luò)s
保存到本地 maps.js
新建目錄 js maps.js文件放到該目錄下

修改html以下部分，代碼在下方

<!doctype html> <html> <head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><title>TileLayer.WMTS</title><style>html,body,#container {margin: 0;padding: 0;width: 100%;height: 100%;}</style> </head> <body> <div id="container"></div> <script src="../js/maps.js"></script> <script>// 創(chuàng)建地圖實(shí)例var map = new AMap.Map('container', {zoom: 8, // 地圖縮放級(jí)別 LAYERS: 'sxmap:8'匹配如果縮放級(jí)別為7，下方修改為L(zhǎng)ayer: 'sxmap:7'center:[108.79687499999865, 34.90973623453678] // 地圖中心坐標(biāo)}); // 創(chuàng)建 WMS 標(biāo)準(zhǔn)圖層var wms = new AMap.TileLayer.WMS({url: 'http://10.1.5.144:7070/geoserver/wms', // wms服務(wù)的url地址，即自己搭建的wms服務(wù)的url地址blend: false, // 地圖級(jí)別切換時(shí)，不同級(jí)別的圖片是否進(jìn)行混合tileSize: 512, // 加載WMS圖層服務(wù)時(shí)，圖片的分片大小，我們之前在發(fā)布圖層操作中，將圖片瓦片大小設(shè)置為512，所以這里設(shè)置為512params: {LAYERS: 'sxmap:8', // 需要加載的圖層VERSION:'1.3.0',Format: 'image/png', // 返回的數(shù)據(jù)格式TileMatrixSet: 'EPSG:4326' // 設(shè)置為EPSG:4326} // OGC標(biāo)準(zhǔn)的WMS地圖服務(wù)的GetMap接口的參數(shù)});map.add(wms);</script> </body> </html>

打開(kāi)html文件，效果如下，頁(yè)面被渲染了兩次，因?yàn)?maps.js 文件中訪問(wèn)了高德的數(shù)據(jù)對(duì)頁(yè)面也進(jìn)行了渲染

如下，高德服務(wù)的數(shù)據(jù)也對(duì)圖層進(jìn)行了渲染

修改本地 maps.js 把文件中的 vdata.amap.com 這一段刪掉（js中共有兩處，本人不會(huì)js，通過(guò)這種方式不讓訪問(wèn)高德的服務(wù)）

高德的渲染失敗了，只有我們搭建的地圖服務(wù)的渲染成功了

前端通過(guò)修改這兩處的值實(shí)現(xiàn)地圖縮放

總結(jié)

以上是生活随笔為你收集整理的GeoServer离线地图的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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

上一篇：数字信号处理的fpga实现_FPGA数字
下一篇：华为消息推送有透传通道吗_求解在推送用