Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 之前開發 JavaScript 就有找到一款擴充功能（參考：Bracket Pair Colorizer）可以將上下括弧的區域標示出來，使程式撰寫更加容易，但 HTML 標籤同樣是有區域的，就是由開始標籤 <標籤名稱> 與結束標籤 </標籤名稱> 所框住的指定區域，但預設卻沒有標示，覺得有些不便！

在台灣很多的林道、步道及自行車道等路徑皆會設置里程碑/牌，且通常由公家單位設置及負責後續養護，而在我們的電子地圖上若能清楚標記這些里程，能給使用者帶來更全面的資訊判斷其所在位置或行走距離等，那麼如何在 OpenStreetMap（簡稱 OSM）中繪製路徑專屬的里程碑/牌呢？其實非常簡單，只要準備好相關的標籤就可以開始標記了！ 本教學採用簡單使用的 iD 編輯器進行地圖編輯及繪製，