iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

製作適用於網頁的台灣登山地圖 系列

除了大家熟知的 Google Map 之外,各種領域因為更細致的需求,都會有其適用的地圖。從原始資料到最終呈現在網頁上的畫面,這一段路可不簡單!

這篇系列文我想藉由這個主題,淺顯的分享如何依照台灣的登山活動需求,選擇合適的技術與資源製作地圖。

參賽天數 26 天 | 共 25 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

[Day1] 一個拖了很久的 side project...

前言 在2018到2020間,我在 COSCUP 的 OSMxWikidata 議程軌分別主講了「台灣登山向量圖磚」、「自幹向量圖磚」以及「沒有60萬?試試架設...

2023-09-16 ‧ 由 謝晉凡 分享
DAY 2

[Day2] 話說從頭-什麼是網路地圖(Web Map)?

既然本次的主題提到了「網頁」而不是行動裝置,那麼就代表做出來的成果是被用於網站(或者說瀏覽器)裡的。因此我們有必要先來談談網路地圖(以下簡稱 Web Map)這...

2023-09-17 ‧ 由 謝晉凡 分享
DAY 3

[Day3] 圖磚剖析之一

為了展示不同樣式的地圖,若您曾使用過地理資訊軟體介接第三方服務,一定對含有 z, x, y 的圖磚 URL 格式不陌生。舉例來說,開放街圖最常見的圖磚格式會長這...

2023-09-18 ‧ 由 謝晉凡 分享
DAY 4

[Day4] 圖磚剖新之二-向量圖磚

昨天提到了圖磚(Tiles)的切法。不過值得注意的是,在範例中的 OSM 和 NLSC 圖磚,其提供的格式都是「圖片」。咦?「圖」磚不就是一塊塊正方形的圖片嗎?...

2023-09-19 ‧ 由 謝晉凡 分享
DAY 5

[Day5] 圖磚剖新之三-Terrain-RGB

昨天比較了向量圖磚(Vector Tile) 和點陣圖磚(Raster Tile)的概念。大致的結論就是以 MVT 為主流格式的向量圖磚能夠包含原始的地理資料...

2023-09-20 ‧ 由 謝晉凡 分享
DAY 6

[Day6] 開源的向量圖磚-OpenMapTiles

前幾天介紹了圖磚的特性,以及向量圖磚和 Terrain-RGB 這種特殊的點陣圖磚。不過這些畢竟只是「檔案格式」而已,離能被終端使用者利用的實際資料還相去甚遠...

2023-09-21 ‧ 由 謝晉凡 分享
DAY 7

[Day7] 地理資料的寶庫-OpenStreetMap

圖片來源 openmaptiles.org 前幾天提到了前端在顯示地圖時,幾乎都會用到的「圖磚」。不過,不論是未渲染的「向量圖磚」或是已經是圖片的「點陣圖磚」,...

2023-09-22 ‧ 由 謝晉凡 分享
DAY 8

[Day8] OpenStreetMap 的資料格式

今天來介紹一下 OSM 中包含了哪些資料,大概五分鐘就可以說完。 簡單來講,OSM 中的地理資料只包含三個種類: node way relation 和大家...

2023-09-23 ‧ 由 謝晉凡 分享
DAY 9

[Day9] 登山相關標籤

昨天提到了 OSM 中的資料格式中,每一種物件都可以使用 tag 進行標示其屬性。今天我們就來看看,有哪些 tag 適用於登山吧! 關於 OSM 中的 tag...

2023-09-24 ‧ 由 謝晉凡 分享
DAY 10

[Day10] 產生向量圖磚

前幾天曾講過最主流的圖磚格式 MVT (Mapbox Vector Tile),今天就來談談如何從原始的地理資料產生它吧!以下來介紹我用過的幾個工具: GDAL...

2023-09-25 ‧ 由 謝晉凡 分享