1. 程式人生 > >如何使用OpenLayer釋出離線地圖

如何使用OpenLayer釋出離線地圖

一. 說明:

    本例項中使用的Openlayer 版本為最新的 Openlayer3,地圖下載器使用的是Bigemap 地圖下載器。

二. 下載地圖瓦片

1.開啟Biemap地圖下載器,框選要釋出的地圖範圍,雙擊彈出下載選項框,瓦片型別選擇谷歌,檔案型別建議使用png 格式,以獲得最佳清晰度。

QQ截圖20161221170942.png

三.配置Openlayer:

地圖瓦片下載完成之後 ,將瓦片放置在網站目錄下的tile資料夾中。

新建一個index.html檔案,放在網站目錄下。

引入下載的Openlayer檔案,這兩個檔案都需要引入

    css.png

最後檔案結構如下圖:

    sss.png

index.html的HTML部分如下圖:

html.png

JS部分如下圖:

QQ截圖20161221170634.png

這樣就配置好了,在瀏覽器中輸入網站地址,可以正常瀏覽了,如下圖:

QQ截圖20161221170848.png