使用指南 · 架構與工作流程說明書

要出門放電

從手繪地圖找到親子公園、主題樂園、室內展館與戶外散步空間。

製作：謝偉
網站更新：
本機預覽第二版 · 未上傳、未發布

22 縣市收錄筆景點筆對應觀光署資料

1. 目標說明

讓家長透過縣市、室內外、景點類型與有來源支持的設施條件探索出遊靈感。各縣市都有收錄，但不是完整景點名錄，也不表示所有景點都有兒童遊具。

2. 為什麼這樣設計

手繪總覽使用真實縣市輪廓，配上紙感配色、鉛筆式邊線及圓潤標記；切換「街道細節」即可看實際道路。圖像與地理座標分開處理，兼顧設計感與定位。

沿用 HTML、CSS、JavaScript 與 Leaflet，沒有新增框架、帳號或資料庫。插圖由原本約 2.3 MB PNG 另製 800 像素 WebP，約 94 KB，原始插圖保留。地圖程式與縣市輪廓改為本機載入，手繪總覽不需要請求外部底圖。

首次依裝置偏好顯示日間或夜間模式，手動切換後記住選擇；首頁與說明書共用偏好。更新時間固定記錄這次網站更新，不會因重新整理而變成新的查核時間。

3. 系統架構與工作流程

搜尋／選縣市條件篩選手繪總覽／街道細節展開景點資訊收藏／導航

檔案	用途
index.html、style.css	首頁、響應式版面、日夜模式、共用視覺。
app.js	篩選、清單分批顯示、收藏與可收合詳情。
map.js、map-data.js	手繪地圖、真實縣市輪廓、群組標記、離島快捷與街道底圖。
data.js	景點、官方座標、來源更新日、查核日、開放範圍提醒。
common.js、site-meta.js	主題偏好、製作者、固定網站更新時間與收錄統計。
vendor/	現有 Leaflet 1.9.4 的本機副本與授權。
playground.webp、playground.png	網頁使用的壓縮插圖，以及保留的原始插圖。
資料來源與查核紀錄.json	本次來源快照、各筆對應 ID、查核與待確認項目。
server.cjs、guide.html	只在本機服務的預覽伺服器與本說明書。

4. 使用與維護步驟

搜尋名稱、行政區或關鍵字；「台」與「臺」皆可查詢。
選擇縣市、室內外與類型。「室內外」景點會同時符合室內和室外條件。
手機可切換地圖／清單並展開篩選；平板與桌機可同時看清單與地圖。
點縣市輪廓可篩選縣市；數字標記代表多個景點，點選放大即可逐點查看。臺灣、澎湖、金門、馬祖可快速切換。
點選景點查看地址、來源提供的開放時間、票價、適齡與設施。完整介紹與來源說明可收合。
收藏只保存在目前瀏覽器；關閉預覽伺服器不會清除收藏，清除瀏覽器資料則會。
資料更新需先取得官方來源，確認同一景點、保留既有 ID、核對各欄位，最後更新 site-meta.js 的時間。不可將來源存在誤認為現地安全、即時營運或全部設施已核實。

適齡條件表示來源明列至少一部分適用遊具，必須進入詳情閱讀個別歲數；不代表整個年齡區間或所有遊具都適用。來源沒有明列的設施不加入篩選結果。

5. 本機預覽指令

在 PowerShell 輸入以下兩行。若目前預覽已在執行，直接開啟網址即可，不必重複啟動。

Set-Location -LiteralPath 'E:\專案\親子公園&遊樂園地圖'
node server.cjs

瀏覽器開啟 http://127.0.0.1:4173。伺服器只綁定本機位址，不會對外發布。自行啟動時按 Ctrl+C 可停止。

6. 資料來源、查核限制與風險

景點主要來自觀光署「景點－觀光資訊資料庫」，採政府資料開放授權條款第 1 版。本次快照為 2026/10/08 14:30（臺灣時間）；來源每筆更新日另列於景點詳情。
160 筆已對應本次官方資料並檢查必要欄位，另保留 3 筆未對應的舊索引：竹南運動公園、和順公園、福澳運動場周邊綠地。三筆明確標示待查核；不以其他景點資料冒充。
來源註記北回二館戶外溜滑梯遊憩區整修，以及迪化運動公園跨堤景觀平臺暫時關閉，已呈現提醒；請以管理單位最新公告為準。
座標來自官方資料，不保證是入口或無障礙動線。導航會交由 Google 地圖以名稱搜尋。
「戶外散步」與親子遊戲場分開分類；離島景點不因位於公園就推定有兒童遊具。
手繪輪廓取自g0v twgeojson（CC0），為簡化的行政區視覺化資料，部分名稱依現況調整，不作測量或法律界線用途。街道底圖為OpenStreetMap。
手繪總覽與清單可由本機檔案載入；街道細節、官方連結與外部導航仍需網路。未進行現地勘查或保證即時營運。
修改前已建立備份。清除瀏覽器資料會移除收藏；後續覆寫資料前應保留備份與 ID 對應。

7. 後續優化建議

逐步補齊尚缺的親子館與室內遊戲空間，優先查核適齡、無障礙入口與整修變動；再進行實體裝置、螢幕閱讀器與慢速網路測試。本機資料可持續維護，網站不會自行上傳或發布。