💡 用法

回答 4 題 → 推薦適合的景點(室內外、年齡、季節都符合) → 點 📍 Google Maps 直接打開導航。覺得景點漏了或我家評語不對,看「📖 關於 / 編輯資料」自己加。

🔍 全景點瀏覽

全部景點清單,可用篩選找。覺得有遺漏,看「📖 關於 / 編輯資料」自己加(資料寫死在 HTML,改起來很容易)。

天氣季節年齡

類型縣市人潮

❤️ 我的口袋

收藏的景點。每筆可寫「我家評語」(例如:「2025 年去過,小孩很喜歡親水池」),會存在 localStorage,本機保留。

📚 使用說明

30 秒上手

3 題 wizard:你家在哪 → 今天天氣 → 出門範圍
結果頁:景點按距離排序,點 📍 Google Maps 直接導航
進階:設目的地 → 加 waypoints → 一鍵丟 Google Maps 多段導航

🎯 推薦核心

家位置設定 + 範圍滑桿

家位置:Wizard Q1 選縣市 + 區,或點 📡 GPS 自動定位(會反查最近的縣市/區顯示「📍 新北土城」)
範圍上下限:結果頁 sticky bar 兩條滑桿
- 📏 最近 0-400 km(預設 0 = 不限)— 想去遠一點的時候排掉家附近
- 📏 最遠 5-400 km(400 = 全台)
- 拉的時候滑桿下面顯示「≈ 邊緣對應的區域」(例:50 km ≈ 桃園楊梅、宜蘭頭城),知道大概多遠
怕感冒模式:勾「🤧 避開人多景點」剔除 crowd=high 的(動物園、九份、Xpark...)

🏷️ 標籤系統

63 個標籤三態點選

「🏷️ 全部標籤」摺疊區點任一標籤:第一次 = ✓ 必選(綠);再點 = ✗ 排除(紅);再點 = 取消
標籤旁的 (當前/全資料庫) 數字:當前篩選結果 / 全 800+ 景點
多必選 = AND(必須全部都有);多排除 = OR(任一個有就剔)

🛣️ 路線規劃(最有用)

設目的地 → 加 waypoints → 丟 Google Maps

找到目的地景點(例:觀音山)→ 卡片上點 🛣️ 設目的地
結果頁切到「沿路 corridor」模式:只顯示家→目的地兩側 5 km 內的景點
看到順路的(IKEA / 五股農場)→ 點 ➕ 加入路線,自動依沿線位置排序
路線清單(banner):🏠 你家 → ⋮⋮ #1 IKEA → ⋮⋮ #2 五股 → 🎯 觀音山
換序:桌機抓 ⋮⋮ 拖、手機按 ↑ ↓
Corridor 寬度:預設 5 km,拉 banner 上滑桿可調 1-15 km(寬一點抓到更多順路景點)
藍色大按鈕 🗺️ 開啟 Google Maps 規劃路線 → 跳 Google Maps app/網頁,多段導航
手機點按鈕 = 直接開 Google Maps app(若有安裝);桌機 = 開網頁版,可「傳送至手機」(同 Google 帳號)

💡 取消規劃 → banner 右上「✗ 取消」回到一般推薦

🗺️ 順路規劃 vs 區域分組

兩種瀏覽角度

路線規劃(設目的地):從家畫一條線到目的地,看沿路有什麼。適合「我要去 X,中途可以順道哪裡」
依區域分組(checkbox):結果按 area 分群,板橋一群、中和一群,群依距家排序。適合「我今天要在 Y 區待一整天,有什麼可以串」

🔍 搜尋特定景點

直接打名字找

結果頁「🔍 找特定景點」摺疊區 → 打名字(九份 / 奇美 / 觀音山...)
即時跳前 8 筆候選,每筆有「設目的地」「加路線」按鈕
不受當前篩選限制 — 全 800+ 景點都搜得到(被「不再去」封存的不出現)

💾 個人化功能

收藏 / 評語 / 去過 / 不再去 / 自加景點

❤️ 加入口袋:收藏到「❤️ 我的口袋」頁
📝 寫我家評語:私人筆記(「2025/3 去過,小孩很喜歡」)
✅ 標去過:卡片 name 旁顯示 ✅,提醒已造訪
🚫 不再去:永久封存,不再出現在推薦/瀏覽
➕ 自加景點(在「📖 關於」頁):阿婆家、私房咖啡都能加,跟系統景點一起篩
所有資料只存本機(localStorage)— 不上雲、零追蹤

📖 4 個情境範例

情境 A · 土城晴天找雙北公園
Wizard 答土城 + 晴天 + 中(40 km)→ 標籤點「公園」必選 + 勾「避開人多」 → 結果是中和員山公園、土城樂活生態園這種人少社區公園

情境 B · 想去台中,排除雙北
結果頁範圍滑桿:最近 100 km / 最遠 200 km → 雙北景點全濾掉,只剩中部 → 找到台中木工坊設目的地 → 加味噌博物館 waypoint → 一鍵丟 Google Maps

情境 C · 觀音山順路規劃整天
搜尋「觀音山」設目的地 → IKEA 新莊距路線 0.44 km ➕ 加入 → 五股 ➕ 加入 → 想加林口三井但 5.13 km 擦邊,corridor 拉到 6 km → 拖 ⋮⋮ 把林口移到第 1 站 → 一鍵 Google Maps

情境 D · 雨天想看廟
Wizard 任意 + 雨天 + 任意範圍 → 標籤「廟宇」必選 → 室外只標 sunny 的會被天氣剔掉,留下室內可參拜的廟

❓ 常見問題

為什麼某景點沒出現?

範圍卡住 → 拉「最遠」滑桿到更大值
天氣卡住 → 試「不一定」
標籤排除卡住 → 看頁面上方「已套用篩選」bar,按 ✗ 取消
資料庫真的沒有 → 「📖 關於」自加

收藏會丟嗎?

所有資料(收藏 / 評語 / 路線 / 自加)都存在 localStorage,換瀏覽器或清快取會沒。可以在 GitHub Pages 同網域不同分頁仍共用。

怎麼把規劃好的路線傳到手機?

桌機點藍色「🗺️ 開啟 Google Maps」 → 開網頁版 Google Maps directions(已有所有 waypoints)
網頁版 Google Maps 上點「傳送至你的手機」(需同 Google 帳號)
或手機直接打開這個工具網頁 → 點藍色按鈕 → 系統直接跳 Google Maps app

完整版手冊在 GitHub:docs/使用手冊.md

📖 關於 / 編輯資料

📌 這個工具是什麼

週末帶小孩出門前的決策工具。每次煩惱「今天天氣這樣 / 這個季節 / 小孩這個年紀,該去哪?」時打開來看。方法 + 資料 各半 — 方法(Wizard 推薦邏輯)寫死在程式,資料(490+ 景點)放在程式開頭可以改。

➕ 自己加景點(本機保留,不需改程式)

點開填表單

景點名 *

Emoji

縣市 *

鄉鎮市區 *

室內 / 戶外 *(至少一個) 🏠 室內 🌳 戶外

適合年齡 * 0-2 2-3 3-6

適合季節 * 春夏秋冬

天氣 * ☀️ 晴 🌧️ 雨

人潮 🟢 人少 🟡 普通 🔴 人多

類型(逗號分隔)

簡介(好處)

注意事項(選填)

👤 我自加的景點

🚫 已標「不再去」的景點

📝 怎麼加新景點(改程式版,進階)

用文字編輯器打開 kids-weekend/index.html
找到 const PLACES = [ 那行(用 Ctrl+F 搜「PLACES」)
複製一筆景點,改裡面的內容,記得 每筆 object 後面要有逗號,最後一筆可不要
儲存,推到 GitHub 自動部署

景點欄位說明

name:景點名(用來 Google Maps 搜尋,要打全名)
emoji:1 個 emoji
area:行政區(會顯示在卡片上)
region:'taipei' / 'newtaipei' / 'taoyuan' / 'yilan' / 'other'
indoor / outdoor:true / false(可同時 true,代表室內外都有)
ages:['0-2', '2-3', '3-6'] 任選
seasons:['spring', 'summer', 'autumn', 'winter'] 任選
weathers:['sunny', 'rainy'] — 都可選的話兩個都填
types:類型 tag(可多個)。預設 40+ 細類:
🏔️ 山水:山林 / 步道 / 親子步道 / 登山步道 / 古道 / 國家森林 / 森林 / 瀑布 / 湖泊 / 海邊 / 海水浴場 / 親水公園 / 河濱公園 / 溫泉 / 賞花 / 賞螢 / 賞蝶 / 賞鯨 / 燈塔
🏯 文化:文化 / 老街 / 街區 / 廟宇 / 古蹟 / 博物館 / 美術館 / 文創 / 戰地
🎒 學習:教育 / 觀光工廠
🛝 親子:親子館 / 親子公園 / 公園 / 遊樂
🦓 動物:動物 / 動物園 / 水族館 / 牧場 / 農場
🛍 商場:購物 / 百貨 / Outlet / 夜市
🎢 玩樂:玩水
note:好處 / 簡介 1-2 句
warning:注意事項(可省略)

📍 Google Maps 連結

每個景點的 Google Maps 按鈕用 name + area 組成搜尋字串,直接打開 Google Maps 搜尋。手機點會直接進 Google Maps app。不用記座標,改名稱就好。

🛡 隱私 — 講人話

不用註冊,沒帳號密碼,打開就用
沒有廣告,沒有彈跳視窗,不會被追蹤
你的資料只在你的手機(收藏、評語、路線),不會上傳到任何伺服器
點「📍 Google Maps」按鈕 = 你主動連去 google.com,那次連線是你的裝置直接連
(技術細節:純前端、零外部 CDN、localStorage 持久化。給工程師朋友看的)

✅ 看完關於,下一步

🏠 回首頁推薦 🔍 全景點瀏覽 🐙 GitHub PR 加你的景點