登录
开始免费试用

注册 Google 地图 API 密钥

您可以在模板中添加地图分区，以显示您的营业地点。Shopify 的许多免费模板都包含可以添加到主页的地图分区。

若要显示地图，您需要注册 Google 地图 API 密钥并将其包括在模板编辑器的地图分区设置中。

本页相关主题

使用 Google 地图平台

使用 Google API 在您的模板中添加地图分区即表示您同意 Google 地图平台服务条款。

2018 年 6 月 11 日，Google 地图平台针对 Google 地图 API 的整理和使用方式进行了诸多更改。使用这些 API 需要使用 Google 地图平台设置计费账户。您将继续获得每月信用额度，以在阈值范围内涵盖这些服务。

有关定价的详细信息，请参阅 Google 地图平台定价和计费文档。

注册 Google 地图 API 密钥

您可以注册 Google 地图 API 密钥。

步骤：

  1. 访问 Google 地图平台页面，并点击开始使用。

  2. 选择地图、路线和位置产品，获取与免费模板地图分区配合使用所需的 API。

  3. 点击继续。

  4. 创建新名称或选择现有项目。

  5. 同意服务条款后，点击下一步。

  6. 通过 Google 地图平台创建计费账户。计费账户是新版 Google 地图平台的要求。有关详细信息，请参阅 Google 地图平台定价和计费文档。

  7. 启用 Google 地图平台后，将新的 Google 地图 API 密钥复制到剪贴板。

将 Google 地图 API 密钥添加到您的模板中

您可以将 Google 地图 API 密钥添加到您的模板中。

步骤：

桌面
  1. 在 Shopify 后台中，转至在线商店 > 模板。
  2. 找到您要编辑的模板，然后点击自定义。
  3. 点击添加分区。
  4. 点击地图，然后点击选择。
  5. 输入地图信息。在 Google Maps API key（Google 地图 API 密钥）字段中粘贴您的 Google 地图 API 密钥。
  6. 点击保存。
iPhone
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 点击添加分区。
  7. 点击地图，然后点击选择。
  8. 输入地图信息。在 Google Maps API key（Google 地图 API 密钥）字段中粘贴您的 Google 地图 API 密钥。
  9. 点击保存。
Android
  1. 在 Shopify 应用中，点击 … 按钮。
  2. 在销售渠道部分，轻触在线商店。
  3. 点击管理所有模板。
  4. 找到您要编辑的模板，然后轻触自定义。
  5. 轻触编辑。
  6. 点击添加分区。
  7. 点击地图，然后点击选择。
  8. 输入地图信息。在 Google Maps API key（Google 地图 API 密钥）字段中粘贴您的 Google 地图 API 密钥。
  9. 点击保存。

如果与 Google 地图平台的 API 通信时出错，地图便会被替换为您在模板编辑器中指定的背景图片或颜色。

将 API 访问权限限制为仅您的商店

Google 地图平台会提示您限制对 API 的访问。您的 API 密钥是地图的唯一标识符，可将其访问权限限制为仅您的域名，以便阻止其他人使用您的 API 密钥。

步骤：

  1. 转到 Google API 凭据页面。

  2. 从菜单中选择您的项目。

  3. 选择您生成的 API  密钥以开始进行编辑。

  4. 在应用程序限制下，点击 HTTP referrers (web sites)（HTTP 推荐人 (网站)），并输入与商店相关联的任何域名，包括 .myshopify.com 域名。例如，如果您具有自定义域名，则输入 https://myCustomDomain.com/* 和 https://shop1.myshopify.com/*。

  5. 点击保存。

使用 Google 地图平台的替代方案

如果您想要在自己的网站上显示地图，但不使用 Google 地图平台的服务，则可以在页面上放置嵌入式地图。

嵌入式地图使用 HTML <iframe>，这种标签可以放置在提供富文本输入字段的任何页面或主页分区中。

没有找到您需要的答案？我们将为您提供帮助。