tft每日頭條

 > 生活

 > openlayers加載地圖代碼

openlayers加載地圖代碼

生活 更新时间:2024-12-05 00:10:18

這裡以吉林省吉林市地圖為例,說明如何用OpenLayers開源地圖引摯發布離線谷歌衛星地圖。

在萬能地圖下載器中,選擇吉林省吉林市顯示行政區劃,然後點擊"下載"按鈕,可以新建任務。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)1

在新建任務對話框中選擇需要下載的級别,一般是從當前行政區劃顯示的級别開始選擇(這裡是第9級),一直接選擇到第19級(國内19級清晰度效果最佳,19級以上基于19級放大),由于數據量非常大,這裡隻為了說明如何用OpenLayers開源地圖引摯發布離線衛星地圖的方法,因此這裡以選擇到第13級為例。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)2

導出瓦片詳細參數說明,請參閱:

導出瓦片參數說明

分别點擊"确定"按鈕開始下載任務,下載并自動導出後可以看到導出的瓦片目錄為8到12級而不是我們選擇的9到13級,這是因為軟件中的級别編号是從1開始,而标準的TMS瓦片命名規則都是從0開始,因此該情況屬于正常情況,瓦片的行列号編号規則同理。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)3

将下載的地圖瓦片目錄複制到OpenLayers開源地圖引摯發布離線地圖的源碼示例中。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)4

用專業的WebGIS開發工具Visual Studio Code可以打開源代碼進行功能開發。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)5

Visual Studio Code下載安裝教程,請參閱:

如何安裝WebGIS開發工具Visual Studio Code

雙擊OpenLayers開源地圖引摯發布離線地圖源碼中的"map.html"文件,可以在浏覽器中打開查看在線地圖。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)6

在浏覽器中會默認打開在線地圖,點擊"工具\地圖配置"可以配置離線地圖。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)7

将離線地圖配置為"吉林市谷歌地圖TMS瓦片/{z}/{x}/{y}.png",并點擊"使用自定義地圖底圖"按鈕可以加載本地地圖。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)8

加載吉林省吉林市谷歌衛星地圖成功之後,效果如下圖所示。

openlayers加載地圖代碼(如何用OpenLayers開源地圖引摯發布離線地圖)9

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved