首页 » 博客 » 如何在 WordPress 中嵌入 Google 地图 [2 种方法!]

如何在 WordPress 中嵌入 Google 地图 [2 种方法!]

大约阅读时间: 9 分钟

您是否曾经想向访客准确展示在哪里可以找到您,但却不知道如何编码?

无论您是小企业主、活动组织者还是旅游博主,添加地图都可以让您的网站更具吸引力和用户友好度。好消息是?您无需成为技术专家即可实现这一点。

立即创建地图!

免费获取更好的表格!

 

本指南将逐步向您展示在 WordPress 中嵌入 Google 地图的最简单方法。

因此,在我们开始之前,有两种方法可以在 WordPress 中嵌入 Google 地图:

使用 Google 地图的 HTML 代码
使用表单插件
我们将向您展示如何同时执行这两项操作,以便您做出最佳选择。对于表单插件,我们将使用市场上最先进的WordPress 表单生成器Formidable Forms。

但首先,让我们展示使用 WordPress 嵌入 Google 地图的最简单方法:使用一段 HTML。

使用 HTML 嵌入 Google 地图

您很可能见过这种方法,但从未意识到它如此容易使用。

首先,转到Google 地图并找 阿根廷電話 到您想要在 WordPress 网站上显示的位置。

Google 地图界面显示埃菲尔铁塔位置,用红色图钉突出显示。侧边栏显示有关埃菲尔铁塔的详细信息,包括其 4.7 星评级和历史地标地位。地图显示附近的景点和该地区的街道。
接下来,单击“共享”按钮,将会出现一个弹出窗口。

然后,单击 嵌入地图 选项卡 尤其是因为链接的效力不如以前 并 单击复制 HTML以获取嵌入代码。

Google 地图“共享”界面,箭头指向用于嵌入地图的“复制 HTML”按钮。界面显示埃菲尔铁塔地图,标明其位置,并突出显示附近的地标。
接下来,转到您的 WordPress 网站并转 意大利电话号码  到您想要显示地图的帖子或页面。然后,在块编辑器中添加一个新的 WordPress 块并找到自定义 HTML块。

WordPress 块编辑器界面显示了“联系我们”表单的自定义。箭头指向选项面板中的“自定义 HTML”块,用于向表单添加自定义代码。

使用表单插件嵌入 Google 地图

如上所述,实现此目的的最佳方法是使用 Formidable Forms。

借助其Geolocation 插件和Formidable Views,您只需几个简单的步骤即可获取表单条目并将其显示在地图上。无论您需要显示营业地点还是城市中最好的不知名餐厅 — Formidable Forms 都能为您提供帮助。

滚动至顶部