10/1 課後練習題
實作提示與說明
Google Sites 嵌入說明：您可以直接將各題 prompt 貼給 Gemini / Canvas 請其生成 HTML 程式碼，接著複製程式碼至 Google Sites（點選「嵌入」➔「嵌入程式碼」）即可呈現互動網頁。
延伸探索：除了題目提供的資料，也歡迎自由搜尋感興趣的數據，嘗試製作不同主題的視覺化地圖！
📍 實作練習 1：南投縣 2025 年熱門景點人潮泡泡圖
數據來源參考：交通部觀光署 統計資訊網
任務目標：請生成一個地圖網頁，在南投縣地圖上標示出指定景點的位置，並依據到訪人數呈現相對應大小的泡泡（地圖上請隱藏英文名稱，僅保留中文名稱）。
【Prompt 指令】
請幫我在南投縣地圖上標示以下景點與到訪人數，並以「泡泡圖」呈現人潮規模。標籤請統一顯示中文，不需顯示英文名稱：
九族文化村 (622,910人)、八卦山風景區-南投地區 (1,637,267人)、中臺禪寺 (385,600人)、天空之橋 (66,328人)、日月潭環潭區 (2,592,730人)、水里遊客中心 (30,154人)、竹山天梯風景區 (1,038人)、特有生物研究保育中心 (52,483人)、杉林溪森林生態渡假園區 (802,841人)、車埕 (876,320人)、東埔溫泉 (183,694人)、桃米地區 (47,967人)、泰雅渡假村 (30,766人)、鳳凰谷鳥園生態園區 (130,817人)、清境高空觀景步道 (191,883人)、清境農場 (679,949人)、惠蓀林場 (126,308人)、塔塔加遊憩區 (483,787人)、奧萬大國家森林遊樂區 (85,021人)、溪頭自然教育園區 (1,570,107人)。
🏃♂️ 實作練習 2：運動軌跡與高度 profile 圖
數據來源參考：MySports 運動紀錄網
任務目標：解析 GPX 座標與海拔資料，並整合在同一個 HTML 網頁中，同時呈現路線軌跡圖與海拔高度剖面圖。
【Prompt 指令】
請解析以下 GPX 數據，幫我生成一個網頁，同時展示一張「路線運動軌跡圖」與一張「海拔高度變化的剖面圖」：
T02:55:35Z</time><ele>129</ele><speed>4.284</speed></trkpt><trkpt lat="24.96767" lon="121.236455"><time>2026-09-27T02:55:36Z</time><ele>130</ele><speed>2.339</speed></trkpt><trkpt lat="24.967641" lon="121.236397"><time>2026-09-27T02:55:37Z</time><ele>122</ele><speed>0.575</speed></trkpt><trkpt lat="24.967615" lon="121.236326"><time>2026-09-27T02:55:38Z</time><ele>129</ele><speed>0.0</speed></trkpt><trkpt lat="24.967613" lon="121.236296"><time>2026-09-27T02:56:00Z</time><ele>129</ele><speed>3.32</speed></trkpt><trkpt lat="24.967612" lon="121.236265"><time>2026-09-27T02:56:01Z</time><ele>129</ele><speed>2.238</speed></trkpt><trkpt lat="24.967611" lon="121.236238"><time>2026-09-27T02:56:02Z</time><ele>129</ele><speed>4.883</speed></trkpt><trkpt lat="24.96763" lon="121.236235"><time>2026-09-27T02:56:15Z</time><ele>128</ele><speed>4.841</speed></trkpt><trkpt lat="24.967652" lon="121.236232"><time>2026-09-27T02:56:16Z</time><ele>128</ele><speed>5.241</speed></trkpt><trkpt lat="24.967677" lon="121.236232"><time>2026-09-27T02:56:17Z</time><ele>128</ele><speed>5.96</speed></trkpt><trkpt lat="24.967704" lon="121.236251"><time>2026-09-27T02:56:18Z</time><ele>128</ele><speed>5.068</speed></trkpt> 幫我把這些資料整理成一張高度圖與一張軌跡圖顯示在HTML
L
🗺️ 實作練習 3：我的台灣旅遊地圖足跡
任務目標：學習查詢特定地點的經緯度座標，並利用免費開放地圖（如 OpenStreetMap）在地圖上打點標示。
【Prompt 指令】
請幫我查詢「基隆、台北、宜蘭、台中、台南、高雄、花蓮、台東」這 8 個縣市的經緯度座標，並生成一個包含免費互動地圖（如 OpenStreetMap）的 HTML 網頁檔，在網頁上把這些城市標示出來。產出的程式碼需方便直接貼入 Google Sites。
🎌 實作練習 4：日本 47 都道府縣制霸互動圖
任務目標：建立一個可以互動點擊的網頁地圖，點擊縣市即可切換顏色（未解鎖/已制霸），並自動統計解鎖數量。
【Prompt 指令】
請生成一個「日本 47 都道府縣制霸圖」的互動網頁程式碼。預設狀態下所有縣市均為灰色，點擊特定縣市後會變更為黃色（表示已造訪/已解鎖），再次點擊可取消。頁面上方請加上解鎖縣市數量的即時計數器，方便好友記錄與展示自己的旅遊足跡。