1. 程式人生 > >怎麼在leaflet地圖上載入已經校準的圖片

怎麼在leaflet地圖上載入已經校準的圖片

最近在做一個gis web專案,專案基本使用leaflet,現在有一個需求是在地圖上載入已經校準的圖片(georeference)。圖片是用arcgis校準的,在leaflet地圖上插入一張圖片很簡單

var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg',
    imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]];
L.imageOverlay(imageUrl, imageBounds).addTo(map);

但是普通的圖片(jpg、png)沒有儲存位置資訊等,因此關鍵是需要通過圖片計算得到真實的位置資訊。用arcgis校準圖片後,匯出的檔案(以jpg格式為例)除了圖片檔案,還有後綴為 .jgw的空間位置檔案、字尾為jpg.aux.xml檔案,這幾個檔案儲存了圖片的真實位置資訊,我們的目標就是通過這兩個檔案換算得到真實的位置。
這是我在github上找到的一個例子:
這裡寫圖片描述


只需要把校準檔案(jpg、jgw、jpg.aux.xml)打包成一個檔案即可。
有需要的可以去下載github