[ 網頁應用 ] Leaflet - 網頁顯示地圖的原理

Leaflet

開源地圖(open street map)的原理

地圖本身:圖磚

不管是 Google Map 還是其他的開源地圖,都是由「圖磚」所組成。雖然我們在手機或網頁上,看見的是一大片的地圖,而且似乎可以無限延伸,但是其實只是一塊一塊的局部地圖(檔案為圖片檔,png/jpg)組裝起來的。所以,當我們像開源地圖的來源申請地圖時,他其實只是即時地把某個範圍的地圖圖片傳輸給我們而已。

定位

定位的技術,則是透過經緯度把某個位置標記在地圖上。

LeafLet 和 OpenStreetMap 的差異

LeafLet 是 JS 框架

就像 jquery 一樣,提供了常見的 JS 功能,包括載入地圖資料(圖資),在地圖上標記標示點等等。

OpenStreetMap 則是圖資本身

圖資指的是地圖的資料庫,包括地圖、重要標記點(餐廳、旅館、商家、各種地標等等)。例如,Google Map 就是一種圖資,其他包括 Safari Map、OpenStreetMap。Google Map 最大的特色在於這個地圖系統更新頻率高、而且有大量的評價。不過,Google Map並不是免費的,而是依據流量收費(重新整理一次即收一次費用)。若是商用的話,或是會有大量瀏覽流量,不可不慎。
臺灣也有公司提供臺灣的地圖資料庫。
*因此,在尋找適用的圖資時,地圖的範圍就是非常值得注意的地方。例如,今天的客戶都是臺灣人,那麼取得世界地圖就會有點浪費空間了。反之亦然。

0 意見