分享、銷售及嵌入您的地圖
功能適用方案
- 免費
- Lite
- Pro
- Lite Pro
- Pro Business
目錄
簡介
本指南說明如何分享、嵌入及展示您的 Scribble Maps。無論您想在部落格上顯示地圖、透過社群媒體散布地圖,還是自訂他人檢視地圖的方式,您都能在下方找到所需的所有步驟。
尚未儲存您的地圖?
請參閱我們的逐步指南:儲存地圖。
如果您使用的是專業版方案,您還可以啟用隱私選項(讓地圖僅供您自己檢視),以及使用密碼保護的安全分享。
地圖已儲存
儲存地圖後,SAVE MAP 視窗將會出現。您可以在此取得所需的所有分享工具、連結及嵌入程式碼。
分享連結
想透過電子郵件、聊天或社群媒體快速與任何人分享您的地圖嗎?
請使用分享連結 — 這是他人可檢視您地圖的公開網址。
- QR 碼:切換輕型/深色版本,並儲存以供列印使用。
- 網址:點選複製按鈕即可取得可分享的連結。
- 使用情境:社群貼文、通訊應用程式、電子郵件簽名檔等。
自訂外觀
- 加上品牌(專業版):自訂分享頁面上的品牌。
- 設定:調整您的地圖呈現給他人的方式。
附註:視您的設定而定,這可能顯示為「分享連結」或「分享與銷售連結」。
地圖ID
需要日後參照或重新載入地圖嗎?
每張地圖都有一個專屬的地圖ID。您可以使用它來:
- 重新載入您的地圖以進行編輯。
- 將此地圖中的內容匯入另一張地圖。
- 與協作者分享此ID。
點選複製即可儲存,以供日後使用。
編輯連結
想日後回來編輯這張地圖,或與團隊成員分享編輯權限嗎?
- 點選複製以儲存編輯連結。
- 將其加入書籤,方便存取。
- 與需要編輯權限的其他人分享。
開發人員連結與嵌入程式碼
想將您的地圖嵌入網站,或用於自訂開發嗎?
這些工具特別適用於進階整合或匯出您的地圖資料。
如果您要將地圖嵌入網站或用於應用程式,請點選顯示開發人員連結與嵌入程式碼以存取:
- 嵌入程式碼:用於嵌入的 HTML iframe
- 開發人員連結:匯出格式,例如 GeoJSON、KML、GPX、CSV、SHP、DXF 及 SMJSON。這些連結可讓您將地圖資料與其他應用程式整合,或用於進階使用情境。
- 其他選項:
- 儲存圖片:匯出靜態地圖圖片。
- 儲存 PDF
- 傳送給朋友:直接以電子郵件傳送您的地圖。
- 繼續作業:返回地圖編輯器。
提示:請將您的分享連結與編輯連結都儲存在安全的地方。
設定分享設定
點選「地圖已儲存」視窗中的設定按鈕,即可自訂已分享地圖的外觀與行為。
檢視
想控制檢視者在地圖上的起始位置嗎?
- 起始檢視:設定地圖開啟時的緯度、經度及縮放等級。
- 地圖限制:定義使用者無法平移超出的邊界。
當您要引導檢視者前往特定位置,或將注意力集中在某個地理區域時,請使用此功能。
介面
切換檢視器中顯示的介面功能。
- 項目列
- 圖層
- GPS
- 分享按鈕
- 資料檢視
- 搜尋
- 地圖類型選擇器
- 隱藏已鎖定項目
- 主題:輕型或深色
使用此功能可簡化地圖介面,或配合您網站的設計。
資訊快顯視窗
想讓行動裝置使用者能從您的地圖快速取得路線嗎?
- 開啟或關閉路線規劃按鈕(行動裝置)。
這會為行動裝置使用者新增一鍵路線規劃功能 — 非常適合活動地圖或商店位置。
搜尋
設定使用者如何搜尋您的地圖。
- 僅限地圖上的項目:將搜尋結果限制為地圖項目(非常適合商店搜尋器)。
- 以搜尋結果置中:自動平移至搜尋結果。
- 將搜尋限制在特定位置:防止結果出現在指定區域之外。
這些功能非常適合互動式搜尋器或在地化應用程式。
品牌(變更與移除)
將您的品牌新增至地圖檢視器,並移除 Scribble Maps 標誌。
- 切換您的品牌,並輸入自訂名稱或公司標籤。
- 移除 Scribble Maps 載入標誌。
- 在地圖右下角顯示您的標籤。
此功能僅適用於專業版方案。
分析
使用 Google Analytics 4 追蹤參與度。
使用 Google Analytics 4 追蹤地圖檢視次數。
- 輸入您的 GA4 測量ID(例如
G-XXXXXXXXXX)。 - 透過您的分析儀表板追蹤地圖檢視次數與互動。
這對行銷團隊或任何需要追蹤使用者參與度的人都很有用。
螢幕效果
為您分享的地圖增添一點巧思。
- 啟用螢幕效果
- 從有趣的動畫中選擇,例如:
- 雨
- 雪
- 飛舞的金額
對於互動式地圖,您也可以在設定嵌入程式碼時,啟用或停用縮放控制項、搜尋功能、地圖類型選擇等選項,以自訂使用者互動。
這些效果會顯示在地圖上方,適用於節慶或主題式簡報。
完成設定
調整完設定後:
- 點選儲存設定以套用您的變更。
- 使用預覽按鈕查看您的地圖將如何呈現。
- (選用)點選取得嵌入碼以產生全新的嵌入程式碼。
嵌入網站
想讓您的地圖顯示在部落格、WordPress 網站或自訂網站上嗎?方法如下:
WordPress 與 Blogger
WordPress(自行代管)
- 登入您的網站。
- 開啟文章或頁面。
- 新增自訂 HTML 區塊。
- 貼上您地圖的嵌入程式碼。
- 預覽並發佈。
附註:在 WordPress.com 上,互動式 iframe 嵌入需要已啟用代管功能的付費方案。如果您的網站不支援 iframe 程式碼,請分享地圖連結或使用靜態地圖圖片。
Blogger
- 登入 Blogger。
- 建立或編輯文章。
- 切換至 HTML 檢視。
- 貼上嵌入程式碼。
- 預覽並發佈。
自訂網站
自訂網站
- 開啟您網站的 HTML 檔案。
- 將嵌入程式碼貼在地圖應顯示的位置。
- 儲存並在瀏覽器中檢視。
嵌入設定選項
- 選擇互動式地圖或圖片地圖。
- 設定寬度/高度、輕型/深色主題,以及要顯示的控制項。
您可以設定尺寸、主題(輕型/深色),以及互動式地圖上要顯示的控制項。
社群媒體分享
想將您的地圖張貼到 Reddit、X (Twitter) 或 Facebook 嗎?
只需使用您的分享連結。如果您擁有進階帳戶,還可以設定隱私選項,讓您的地圖成為私人/未列出(不會在我們的入口網站中分享,但任何知道網址的人都能檢視)或安全(需要密碼或登入才能存取)。
您對地圖所做並儲存的任何變更,都會自動更新到所有已分享的連結及嵌入版本中。
張貼到 Reddit
- 登入 Reddit。
- 選擇合適的社群。
- 建立新貼文。
- 貼上分享連結。
- 新增標題並發佈。
附註:地圖預覽可能需要幾分鐘才能在 Reddit 貼文中正確顯示。
使用限制
在已分享的地圖中使用 Google 底圖時,依您的訂閱方案有每月檢視次數限制:
- 專業版基本方案:每月 1,500 次檢視。
- 專業版商家方案:每月 5,000 次檢視。
一旦您的地圖超過這些限制,將自動切換為 Scribble Maps 底圖或類似的同等底圖。
常見問題
如何分享不含左側選單的地圖?
您可以僅分享 iframe 的網址,而非完整的嵌入程式碼,以移除編輯器介面:
- 前往選單 → 取得嵌入碼,或使用地圖已儲存視窗。
- 將嵌入程式碼複製到文字編輯器中。
- 從 iframe 中擷取出網址。嵌入程式碼看起來會像這樣:
<iframe src="https://www.scribblemaps.com/maps/view/YourMapName/YourMapID" style="width: 100%; height: 400px"></iframe>。
您只需要 "src=" 後面引號之間的網址。 - 分享該直接網址。僅使用網址即可呈現不含編輯選單的更簡潔檢視。
如何更新已分享的地圖?
很簡單!當您執行下列操作時,所有已分享及嵌入的版本都會自動更新:
- 重新開啟您的地圖。
- 進行變更。
- 儲存地圖。
所有已分享的執行個體都會自動更新。
最後更新