为您的商店添加 Google 地图 API 密钥（OS 3.0 主题）
Google 地图 API 密钥可让您通过地图组件在店铺前台展示互动地图，标注您的实体店铺位置。设置地图后，顾客可以快速找到您的实体店铺、获取到店路线并查看营业时间，从而增强信任感，为店铺带来更多到店客流。
本指南将说明如何注册 Google 地图 API 密钥、将地图组件添加到店铺页面，并应用该密钥以正确显示地图。
添加 Google 地图 API 密钥的前提条件
开始之前，请确保：
- 拥有一个 Google 账户，用于注册 Google 地图平台。
- 已在 Google 地图平台开通有效的结算账户。这是使用该平台的必要条件。有关收费详情，请参阅《创建新的自助 Cloud Billing 账号》。
通过 Google 地图平台注册 Google 地图 API 密钥
如需通过 Google 地图平台注册 Google 地图 API 密钥，请按以下步骤操作：
- 前往 Google Cloud 控制台，在项目选择器页面新建一个项目（或选择一个现有项目）。
-
确认您的项目已启用结算功能。这是使用 Google 地图平台的必要条件。
注意：更多信息请参阅《创建新的自助 Cloud Billing 账号》。 前往 Maps API Library 页面，启用您计划使用的具体 API（例如 Maps、Routes 或 Places API）。
前往 Google 地图平台 >【凭据】页面。
点击【添加凭据】>【API 密钥】。
从弹出的确认对话框中复制您的新 API 密钥，也可以前往【凭据】页面的 API 密钥下方复制。
|
注意：
|
将地图组件添加到您的在线商店
添加地图组件与应用 API 密钥都在同一个位置完成主题编辑器，因此以下步骤将从此处继续操作。
添加地图组件
如需将地图添加到店铺页面，请按以下步骤操作：
- 从您的 SHOPLINE 管理后台，前往【在线商店】>【设计】。
- 选择您要添加地图的页面，然后点击【+ 添加组件】，并从组件列表中选择【地图】。
| 注意：在 OS 3.0 主题中，除结账页面外，地图组件可以添加到大多数页面。 |
在地图组件中输入您的 API 密钥
如需在页面上显示地图，请按以下步骤操作：
- 选中【地图】组件后，将您的 Google 地图 API 密钥粘贴到侧边栏面板中的【谷歌地图 API 密钥】字段。
- 在【输入经纬度】中输入您店铺的坐标，格式为 51.30,0.7。您可以通过在 Google 地图中打开店铺位置，并从页面网址中复制坐标来获取该信息。
- 点击【保存】以发布您的更改。
在店铺前台预览地图
配置完成后，地图会显示在页面上，并标注您店铺的位置，方便顾客查看或获取到店路线。