为 HubSpot 内容添加 Google 地图

通过复制地图的嵌入代码并将其插入富文本模块，将交互式 Google 地图添加到 HubSpot 内容中。此方法适用于内容编辑器和支持富文本模块的模板。

开始之前

在 HubSpot 内容中添加 Google 地图之前，请查看以下要求和注意事项。

了解限制和注意事项

• 嵌入式 Google 地图由 Google 管理。显示行为、样式和功能取决于 Google 的嵌入设置。

获取谷歌地图的嵌入代码

1. 导航至Google 地图。
2. 在搜索栏中输入地址。
3. 在地址列表中，单击 "共享"。

4. 在对话框中，单击 "嵌入地图 "选项卡。
5. 单击地图 尺寸下拉菜单并选择尺寸。
6. 单击复制 HTML 以复制地图的嵌入代码。

在内容编辑器中添加谷歌地图

1. 导航至您的内容：

   • 博客：在 HubSpot 帐户中，导航到内容 > 博客。
   • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 单击内容名称。
3. 在内容编辑器中，单击左侧边栏中的add 添加 图标。
4. 单击展开 "文本 "部分，然后单击 "富文本 "模块并将其拖动到位。
5. 在富文本工具栏中，单击高级 下拉菜单并选择源代码。
6. 在对话框中，粘贴地图的嵌入代码，然后点击保存。

7. 点击右上角的 "发布 " 或 "更新" ，即可实时更新 更改。

在模板中添加 Google 地图

如果拖放模板或编码模板不包含富文本模块，请在设计管理器中添加一个。发布模板后，在内容编辑器中编辑富文本模块。

在拖放模板中添加富文本模块

在拖放模板中添加富文本模块，以便在内容编辑器中添加 Google 地图。了解有关在拖放模板中使用模块的更多信息。

1. 导航至您的内容：

   • 博客：在 HubSpot 帐户中，导航到内容 > 博客。
   • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 单击内容名称。
3. 单击 "设置 "菜单 并选择 "模板"。
4. 单击编辑此模板。您将进入设计管理器。
5. 单击检查器中的+ 添加 。
6. 在搜索栏中输入富文本。

7. 单击富文本模块 ，将其拖动到模板上的位置。
8. 在右上角单击 "发布更改"。
9. 继续在内容编辑器中添加 Google 地图。

在编码模板中添加富文本模块

在编码模板中添加富文本模块，以便在内容编辑器中添加 Google 地图。了解有关在编码模板中使用模块的更多信息。

1. 导航至您的内容：
   • 博客：在 HubSpot 帐户中，导航到内容 > 博客。
   • 网站页面：在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面：在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 单击内容名称。
3. 单击 "设置 "菜单 并选择 "模板"。
4. 单击编辑此模板。
5. 在代码编辑器中，添加地图应出现的富文本模块。例如

{% module
"map_embed"
path="@hubspot/rich_text"
label="Google Map" %}

6. 在右上角，单击发布更改。
7. 继续在富文本模块中添加 Google 地图。