註冊 Google Maps API 金鑰

您可以在佈景主題中新增地圖區段,以顯示您的商家位置。許多 Shopify 的免費佈景主題均包含可以新增至首頁的地圖區段。

如要顯示地圖,您需要註冊 Google Maps API 金鑰,並將其包括在佈景主題編輯器的地圖區段設定中。

使用 Google 地圖平台

使用 Google 的 API 為您的佈景主題新增地圖區段,即表示您同意接受 Google 地圖平台服務條款

Google 地圖平台在 2018 年 6 月 11 日針對 Google Maps API 的組織和使用方式推出一系列變更。使用這些 API 需要在 Google 地圖平台中設定帳單帳戶。我們會持續提供您每月的免費額度,以涵蓋未達收費門檻的服務。

如需有關定價的更多資訊,請參閱 Google 地圖平台「定價和計費方式說明文件」。

註冊 Google Maps API 金鑰

您可以註冊 Google Maps API 金鑰。

步驟:

  1. 造訪 Google 地圖平台頁面,然後按一下「開始使用」。

  2. 選擇「地圖」、「路線」和「地點」產品以取得使用免費佈景主題地圖區段所需的 API。

  3. 按一下「繼續」。

  4. 您可以建立新名稱或選擇現有方案。

  5. 同意接受服務條款後,按「下一步」。

  6. 使用 Google 地圖平台建立帳單帳號。帳單帳號是新的 Google 地圖平台之必備要件。如需更多資訊,請參閱 Google 地圖平台「定價和計費方式說明文件」。

  7. 啟用 Google 地圖平台後,將新的 Google Maps API 金鑰複製到剪貼簿。

將 Google Maps API 金鑰新增至您的佈景主題中

您可以將 Google Maps API 金鑰新增至您的佈景主題中。

步驟:

電腦版
  1. 在 Shopify 管理介面 中,前往「線上商店」>「佈景主題」。
  2. 尋找要編輯的佈景主題,然後點擊「自訂」。
  3. 按一下「新增區段」。
  4. 點擊「地圖」,然後點擊「選取」。
  5. 輸入地圖的資訊。在「Google Maps API 金鑰」欄位中,貼上您的 Google Maps API 金鑰。
  6. 點擊「儲存」。
iPhone
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 點一下「編輯」。
  6. 按一下「新增區段」。
  7. 點擊「地圖」,然後點擊「選取」。
  8. 輸入地圖的資訊。在「Google Maps API 金鑰」欄位中,貼上您的 Google Maps API 金鑰。
  9. 點擊「儲存」。
Android
  1. Shopify 應用程式中,點選「」按鈕。
  2. 銷售管道畫面上,點一下「線上商店」
  3. 點選「管理所有佈景主題」。
  4. 尋找要編輯的佈景主題,然後點選「自訂」。
  5. 點一下「編輯」。
  6. 按一下「新增區段」。
  7. 點擊「地圖」,然後點擊「選取」。
  8. 輸入地圖的資訊。在「Google Maps API 金鑰」欄位中,貼上您的 Google Maps API 金鑰。
  9. 點擊「儲存」。

如果與 Google 地圖平台的 API 通訊時發生錯誤,則地圖將替換為您在佈景主題編輯器中指定的背景圖片或顏色。

限制 API 僅能存取您的商店

Google 地圖平台會提示您限制對 API 的存取權限。您的 API 金鑰是地圖的唯一識別碼,因此您可以透過限制其他人僅能存取您的網域來避免其他人使用您的 API 金鑰。

步驟:

  1. 前往 Google API 憑證頁面

  2. 從選單中選擇您的方案。

  3. 選擇您產生的 API 金鑰以開始編輯。

  4. 在「應用程式限制」下方,按一下「HTTP 參照網址 (網站)」,並輸入與您的商店相關聯的網域 (包括您的 .myshopify.com 網域)。例如,如果您有自訂網域,請一併輸入 https://myCustomDomain.com/*https://shop1.myshopify.com/*

  5. 點擊「儲存」。

使用 Google 地圖平台的替代選項

如果您想在自己的網站上顯示地圖,但不打算使用 Google 地圖平台的服務,您可以在頁面上放置嵌入式地圖

使用 HTML <iframe> 的嵌入式地圖,可以置入提供 RTF 文字輸入欄位的任何頁面或首頁區段。

沒有找到您需要的答案嗎?我們很樂意為您提供協助。