步骤1:获取您的Google Maps API密钥

根据您是否已经拥有Google Maps密钥,使用以下过程之一获取配置所需的API密钥。 要设置Google Maps密钥,您必须是有权为您的帐户启用帐单的站点管理员。 如果您尚未准备好设置Google Maps平台帐户,则可以跳过此步骤,暂时使用占位符映射。

  1. 转到Google Cloud Platform Console

  2. 单击项目下拉列表,然后选择或创建要为其添加API密钥的项目。

  3. 要配置API凭据,请按照Google Maps文档中的说明操作。

  4. 将API密钥复制到剪贴板。

步骤2:在Commerce中配置Google Maps

  1. 在​ 管理员 ​侧边栏中,转到​ Stores > Settings>Configuration

  2. 在左侧面板中的​ General ​下,选择​ Content Management

  3. 展开 扩展选择器 Advanced Content Tools

    高级内容工具

    有关内容管理高级工具配置选项的详细信息,请参阅配置参考指南

  4. 对于​ Google Maps API Key,粘贴您在步骤1中复制的密钥。

  5. 单击​ Test Key

    如果您的密钥有问题,请返回Google Maps平台网站以解决该问题。 然后,重试。

  6. 验证密钥后,单击​ Save Config

将地图添加到舞台

  1. 打开Page Builder工作区的页面、块或动态块。

  2. 在Page Builder面板中,展开​ Media ​并将​ Map ​占位符拖到舞台上。

    将地图拖到舞台

    如果为商店配置了Google Maps平台,则会显示商店位置的地图。

    Google Maps

    如果尚未为您的存储配置Google Maps平台,则会显示占位符映射。

    Google Maps占位符

添加自定义映射位置

  1. 将鼠标悬停在地图容器上以显示工具箱,然后选择​ 设置设置图标 )图标。

  2. 在​ Edit Map ​页面的右上角,单击​ Add Location

  3. 输入要与地图上的pin关联的​ Location Name

  4. 收集要用于自定义位置的位置坐标。

    或者,在​ Position ​框中,您可以拖动所显示地图中的图钉。

    如有必要,请在新的浏览器窗口中转到Google Maps,然后使用以下方法之一获取坐标:

    映射坐标

    方法1: ​从URL复制

    • 在左上角的​ Search ​框中输入地址,然后单击​ 搜索搜索图标 )图标。

    • 复制URL中的坐标并将其粘贴到记事本中。

    方法2: ​从“此处是什么?”复制

    • 右键单击在地图上标记位置的红色图钉,然后在菜单中选择​ What’s here?

    • 在显示的标签中,复制文本(包括坐标)并将文本粘贴到记事本中。

  5. 在每个​ Coordinates ​框中输入数字(不带逗号)。

    您还可以输入要在地图上可用的剩余信息。

  6. 与您要与地图位置关联的任何其他信息竞争:

    选项描述
    Phone Number位置的电话号码。
    Street Address地点的街道地址。
    City位置的城市。
    Region/State位置的区域或状态。
    Zip/Postal Code位置的邮政编码。
    Country位置所在的国家/地区。
    Comment要包括的任何注释。
  7. 完成后,单击​ Save

    新位置将显示在​ Edit Map ​页上的地图和地图位置网格中。

    Page Builder — 映射位置网格