AAppicLab

將 Google 地圖清單轉換為可嵌入地圖。

貼上 Google 地圖已儲存清單的網址,我們會將所有地點標示在互動地圖上,並生成可嵌入部落格或網站的 HTML 片段。

標記
大小
地圖風格
高度
圓角
縮放
氣泡框
滾輪縮放

結果快取 1 小時。

示意預覽 — 在上方輸入你的清單網址,即可視覺化你自己的地點。

· indigo.la.ringo

貼上一個公開的 Google 地圖儲存清單網址,地圖嵌入產生器會把它轉換成一段獨立的 HTML 程式碼,可以直接貼到任何部落格、Notion 頁面或靜態網站。地圖以 OpenStreetMap 為底圖渲染,因此沒有 API 金鑰、沒有用量配額、也沒有每次瀏覽的費用 — 貼上 HTML 後地圖就會永遠正常運作。適合旅遊撰稿者、餐廳評論者,或任何想把選出的地點以真正可互動的地圖呈現(而不只是截圖)的人。整個工具都在你的瀏覽器中執行;地圖資料僅經由 AppicLab proxy 將清單網址轉換為座標點。

常見問題

地圖嵌入產生器是做什麼用的?
把 Google 地圖的已儲存清單(也就是你在 Google 地圖 App 的「你的地點」裡建立的清單)轉成一個可以嵌入部落格或網站的互動地圖。貼上清單網址,我們會抓出每一個地點,渲染成 Leaflet / OpenStreetMap 地圖,再給你一段 HTML 片段直接貼到網站上。
怎麼取得 Google 地圖清單的分享網址?
打開 Google 地圖 App,進入「已儲存」→「清單」,選你要分享的清單,點分享圖示,再選「複製連結」就會產生 maps.app.goo.gl 的短網址,把那個網址貼到上方輸入框即可。短網址(maps.app.goo.gl/…)與完整網址(google.com/maps/…)都支援。
分享清單後會被公開嗎?
只有當你在 Google 地圖把清單設為「已分享」或「公開」時,這個工具才讀得到地點。純私人的清單沒有分享連結,自然也抓不到。我們不會儲存你的清單、不會修改它,也不會上傳到任何地方——抓到的地點資料只會在記憶體中快取 1 小時以加快讀取,之後就丟棄。
做好的嵌入地圖會不會哪天就壞了?
不會。嵌入的內容是獨立完整的 HTML——所有座標與標籤在你按下複製的當下就直接寫進片段裡,就算之後你把 Google 地圖清單刪掉、或這個工具改版,地圖仍然會繼續顯示。地圖圖磚來自 OpenStreetMap(或你選的樣式),免費且已穩定運作超過十年。若你在 Google 地圖裡改地點名稱或順序,只要重新貼一次網址、複製新的 HTML 就能更新。
在複製嵌入碼之前可以調整哪些東西?
標記圖示與大小、地圖樣式(標準、淺色、深色)、地圖高度與圓角、初始縮放、彈出視窗詳細度,以及是否允許滾輪縮放。輸入框下方的設定會即時反映在預覽中,HTML 片段也會跟著更新到你目前的設定值。
產生的 HTML 可以貼到哪裡?
任何可以放原生 HTML 或 iframe 的地方都行:WordPress(Custom HTML 區塊)、Ghost、Notion(透過內嵌)、Webflow、Squarespace 程式碼區塊、Medium(透過內嵌服務)、Substack callouts,或任何靜態網站。整段是符合標準的 HTML + JS + CSS,沒有任何外部相依、不需要 API key,也不會用到 Google Maps 計費額度。

資料來源

支持開發者

這個工具有幫到你嗎?☕

這是我的業餘小作品,完全免費。如果它幫你節省了時間、或協助你想清楚某個決定,歡迎請我喝杯咖啡,你的支持是我繼續做下去的動力!

請我喝杯咖啡

AppicLab 還有這些小工具