iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0
SideProject30

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

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

  • 分享至 

  • xImage
  •  

前言

在2018到2020間,我在 COSCUP 的 OSMxWikidata 議程軌分別主講了「台灣登山向量圖磚」、「自幹向量圖磚」以及「沒有60萬?試試架設不花錢的地圖服務吧」等主題。這篇系列文算是這些主題的延續。

我從大學時期便開始參加登山社團。在投入第一份軟體工作後也接觸到不少地圖相關的開發知識。在這些背景之下,也讓我開始想製作一些符合自己需求、有關登山的地圖工具。

在大學時代,萬能的「地圖產生器」就陪伴著我成長。在我退伍之後,驚覺社團的學弟妹們已經非常習慣於使用 Garmin 的手持式 GPS 裝置來定位。而約莫2017年開始,手機電子地圖在「魯地圖」社群的推廣下,迅速普及開來。

從這些趨勢來看,紙本地圖雖然不致消失,但也表明在登山活動中,數位化的圖資及相關工具早已成為主流。在戶外,各種手持裝置使用的離線圖資已相當成熟。但在瀏覽器的前端環境中,除了將底圖改成登山相關的樣式外,應該還有更加進步的空間。其中,「向量圖資」成了一個繞不開的主題。因此我才在幾年前建立了一個名叫 mapstew 的 Github 專案,試驗能否以免費的型式,持續提供不斷更新的登山圖資。

不過這個專案後來也因為一些個人因素沒有堅持下去...直到最近才想把它撿回來繼續完成,本次的鐵人賽正是一個好機會!

雖然本次的主題名稱提到了「製作地圖」,但在整個系列中,會有一大半是講解現代 Web 技術中,各種有關呈現地圖的背景知識,接著才會是實作的部分。除了讓讀者更能了解動手實作前的脈絡,也算是讓我整理想法,幫助自己在這個 side project 上能走得更遠。

主題概覽

地圖是地理資訊系統(GIS)的一種表現型式。和使用成熟的地圖產品(如 Google Map)不同,若需要從無到有製作特定領域的圖資,其中會有大量的瑣碎細節需要注意。

本系列文章前半段會概略介紹網路地圖(Web Map)的相關背景知識,後半段再依照台灣山域活動的需求,動手實作圖資和渲染方案。因此「登山」也僅僅只是一個引子,只要您想了解如何製作特定領域需要的圖資,本篇系列文或許是一個不錯的參考。

我大概會談到的主題如下:

  • 技術背景
    • Web Map 的各種型式
    • 現有的網頁地圖工具
    • 製作一個地圖服務所需要的資源?
  • 資料來源
    • OGC標準及常見的資料格式
    • 開放街圖(OpenStreetMap)
    • 台灣的開放資料集
  • 範例探討
    • 離線登山圖資:魯地圖 x mapsforge
    • 台灣登山所需的地圖資訊
    • 現有的開源方案:OpenMapTiles
  • 動手實作
    • 向量圖磚的產製
    • 高程圖片(Terrain RGB)的使用
    • 調整渲染風格
  • 其它各種有趣的技術

希望拖延症如我,能夠好好把它們講完吧。


下一篇
[Day2] 話說從頭-什麼是網路地圖(Web Map)?
系列文
製作適用於網頁的台灣登山地圖25
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言