房仲自己做地圖網頁，能做到什麼程度？
這頁收錄四個已經上線、可以直接點開的房仲地理資訊網頁，以及它們共用的一套做法。全部是靜態單檔 HTML，沒有後端、沒有地圖 API 金鑰、沒有月費。
TL;DR
問題：房仲想把商圈判斷、學區、同業分布做成客戶看得懂的圖，非得買地圖服務或找工程師嗎？
答案：不用。用政府開放資料＋單檔 HTML＋SVG，四個實例已經跑在線上，成本是零。
怎麼做：找官方資料 → 洗成 JSON → 邊界畫 SVG、點位用經緯度 → 部署成靜態網址。
1四張圖分別回答什麼問題？
每一張都是為了解決一個現場真的會被問到的問題才做的，不是為了做圖而做圖。點開就能用，不用註冊、不用登入。
每張圖右邊都有「複製提示詞」——按下去就把該張圖的完整建置提示詞複製到剪貼簿，貼進 Claude Code 換成你的資料，就能做出自己的版本。
MAP 01
台中商圈與重劃區界線圖
客戶問「這裡到底算幾期、算單元幾？」怎麼一秒答出來？
把台中的重劃區與商圈生活圈邊界直接畫在圖上，疊行政區輪廓與社區點位，道路層與社區層可以各自開關。開圖指給客戶看，比講十句話有用。
界線區塊＝重劃區 24 個＋商圈生活圈 28 個。
xiaochong-tcmap.pages.dev
MAP 02
全台房仲公司密集地圖
要展店、要評估商圈競爭，先看哪裡的同業最多？
依內政部不動產經紀業備查資料，把全台經紀業家數分佈到每一個鄉鎮市區，可切換仲介／代銷檢視，附排行榜與縣市統計表。桃園市桃園區以 366 家居冠，另有 120 個鄉鎮掛零。
資料基準日：2025-08-20。
reomap.pages.dev
MAP 03
台中市學區查詢
帶看現場被問學區，能不能當場給答案？
依台中市政府教育局學區公告做成的查詢頁，輸入地址或社區就能查對應的國小、國中學區。帶看時直接拿手機點開，不用回公司查了再回覆——回覆越慢，客戶信任感掉越快。
學制層級＝國小、國中。
tcschool.netlify.app
MAP 04
授課團隊地圖
怎麼把跑過的地方變成一張看得見的實績圖？
把永慶億級團隊逐一列出，勾選就在地圖上標記，累積成一張授課足跡圖。這張是教學面的用法——同樣一套做法，把團隊換成你的成交案件，就是你自己的業績足跡圖。
涵蓋北北基桃竹苗、中彰投、雲嘉南、高屏與宜花。
bugteachmap.netlify.app
👉 小結：四張圖的技術是同一套，差別只在「資料是什麼」。學會做一張，剩下三張只是換資料。
2這些圖是怎麼做出來的？
四張圖共用同一條資料管線。看懂這四步，你就能把自己的區域畫成一張圖。
1
找官方開放資料，不要自己抄
內政部不動產經紀業備查（同業家數）、國土測繪圖資服務雲（地籍、都市計畫、行政區界）、教育局學區公告、內政部實價登錄。官方來源才敢寫在圖上——客戶問「這哪來的」，你答得出來。
2
洗成一份 JSON
每一筆至少要有四個欄位：名稱、行政區、座標或邊界、分類。這步最花時間，但做完之後圖就是資料的鏡子——改資料，圖自己會變，不用重畫。
3
邊界畫成 SVG、點位用經緯度
範圍界線轉成 SVG 路徑，社區與地標用經緯度定位，全部寫進同一個 HTML 檔。不用地圖 API 金鑰、不用後端、不用資料庫，連離線都打得開。
4
部署成靜態網址
丟上 Netlify 或 Cloudflare Pages，拿到專屬網址。網址是你自己的，可以傳 LINE、印在名片上、被 Google 與 AI 搜尋引用。
為什麼堅持不用地圖 API 金鑰？金鑰要綁信用卡，流量爆掉要付錢，被別人盜用你要吃帳單。做成純 SVG 靜態圖：零成本、零風險、永遠打得開——客戶三年後點你當初傳的舊連結，它還在。
👉 小結：地圖網頁的難點不在畫圖，在把資料整理乾淨。資料對了，圖是自動長出來的。
3那我該用 Google 我的地圖，還是自己做？
不用二選一。先看你要解決的是「這一次帶看」還是「整個區域長期經營」。
| 比較項目 | Google 我的地圖 | 自製地圖網頁 |
|---|
| 上手速度 | 當天就能做完一張 | 第一張要花時間，第二張之後很快 |
| 資料量 | 幾十個點還行，上百個就難管理 | 資料檔改一行就多一個點，幾百筆一樣順 |
| 畫範圍界線 | 可以畫，但難精準對齊地籍與重劃區邊界 | 可用官方圖資轉成精準邊界 |
| 圖層開關 | 不支援自訂互動 | 可自由開關道路、社區、界線 |
| 網址歸誰 | Google 的網址 | 你自己的網址，可被搜尋與 AI 引用 |
| 月費 | 免費 | 免費（靜態部署） |
| 適合誰 | 單一社區、單一帶看行程 | 要把一個區域做成自己地盤的人 |
👉 小結：單一物件帶看用「我的地圖」最快；要把整個南屯、整個台中做成你的專業版圖，才需要自製地圖網頁。
4常見問題
不會寫程式，也做得出來嗎？
做得出來。這四張圖的程式碼都是用 AI 生成的，人的工作是把資料整理乾淨、把需求講清楚——要畫哪一區、資料有哪些欄位、圖層要怎麼開關、手機上不能跑版。這些是房仲本來就懂的事，不是工程問題。
資料要去哪裡找？會不會有版權問題？
用政府開放資料平台的公開資料：內政部不動產交易實價查詢服務網、內政部不動產經紀業備查資料、國土測繪中心的國土測繪圖資服務雲、各縣市教育局學區公告。這些是開放給民眾使用的公開資訊，引用時把來源與資料基準日寫在頁尾就可以。
為什麼不用 Google Maps API？
因為要綁信用卡計費。做房仲工具的流量本來就不好預估，萬一連結被大量轉發，或金鑰被別人抓去用，帳單是你在付。改用 SVG 靜態圖之後，成本固定為零，也不會因為服務條款改變或金鑰過期就整張圖掛掉。
做一張要花多久？
看資料狀況。資料已經整理好（有名稱、地址、分類的清單），一個下午可以出第一版；資料要從頭蒐集整理，就是資料的時間，跟做圖無關。實務上八成的時間花在整理資料，兩成在做圖。
做好的圖怎麼給客戶？
部署完會拿到一個網址，直接貼進 LINE 傳給客戶，對方點開就能滑、能縮放。也可以嵌進社區銷售企劃書的網頁版，或印上 QR Code 放進紙本企劃書。
這些圖多久更新一次？
依資料源的更新頻率。經紀業備查資料跟著內政部公布日更新，學區資料跟著教育局每學年公告更新，商圈重劃區界線在都市計畫變更時調整。每張圖的頁尾都會標資料基準日，看日期就知道新不新。
想學怎麼自己做一張？
這套做法完整收在「小蟲房仲AI實戰」進階班課程裡，從資料整理、生成程式碼到部署上線，一堂課走完。
加入官方 LINE
加入官方 LINE 打「課程」，就會收到開課資訊