如何在 WordPress 中使用 WP 谷歌地图并显示位置

如今,将地图添加到网站已成为一种非常流行的做法。 地图为各种事物提供方向和位置信息。 您可以通过多种方式将 Google 地图添加到您的网站。 如果您想添加地图并显示位置,那么使用 WP Google Maps 之类的插件是一个不错的选择。

实际上有几个非常好的插件可以让你以几种不同的方式使用谷歌地图。 您现在必须采取额外的步骤才能充分利用 Google 地图。

如今,谷歌让你得到一个 API 并跟踪更多地图使用情况。 这并不难,但这是您需要采取的额外步骤。 话虽如此,我们今天使用的特定 WordPress 谷歌地图插件还允许您使用称为“开放层”的东西。

这基本上是一个选项,它为您提供了更多有限的功能,但允许您使用谷歌地图而无需获取 API。

由于有很多人想知道如何将谷歌地图添加到 WordPress,我们决定写一篇关于它的文章。 让我们看一下 WP Google Maps 插件,然后了解如何在您的 WordPress 网站上启动和运行它。

WP 谷歌地图

WP 谷歌地图插件

WP 谷歌地图 是一个非常易于使用的 WordPress 地图插件,可让您使用简码轻松地将自定义的 Google 地图添加到任何帖子或页面。 您根本不必处理任何 iFrame。

该插件允许您构建您需要的任何类型的地图。 它非常适合显示交付区域的联系人地图、路线、方向和地图。 当然,您可以制作任何类型的地图,包括显示特定位置的地图。

该插件具有各种各样的功能和大量功能。 其中一些包括:

  • 易于使用,无需编码
  • 无限地图标记
  • 响应式地图
  • 单击按钮标记编辑
  • 9 地图主题
  • 创建您自己的地图主题
  • 将标记拖放到确切位置
  • 地图格挡能力
  • 支持谷歌街景
  • 地图小部件
  • 全屏功能
  • 兼容缓存插件
  • Cloudfare 兼容
  • 最新的谷歌地图 API
  • 最新的 OpenLayers API

而这只是冰山一角。 WordPress Google Map 插件基本上为您提供了将功能齐全的地图系统与您网站上的位置合并所需的一切。

让我们看看如何安装插件,然后再进行设置。

笔记: WP Google Maps 插件也有专业版。 这将进一步扩展功能。 但是,下面的教程是基于插件的免费版本。 它为您提供构建流畅、干净、网站就绪地图所需的所有工具。

安装和激活插件

在开始添加 WordPress Google 地图和位置之前,您首先需要 安装并激活 插件。 您可以通过转到 WordPress 管理仪表板内的插件页面来执行此操作。

只需按名称搜索插件并从那里安装即可。

安装并激活 wp 谷歌地图

安装并激活插件后,您将自动进入插件的“欢迎”页面。

wordpress 地图插件的欢迎页面

从这里,您可以单击“跳过介绍并创建地图”按钮来创建地图。 但是,在您这样做之前,我们需要一起调整设置。

单击地图 > 设置以获取插件的主要配置和设置选项。 激活插件后,您将在仪表板的左侧菜单区域中找到它。

点击地图然后设置

让我们一起回顾一下这些设置。

WP 谷歌地图设置

此时,您正坐在 WP Google Maps 插件的设置页面上。 在最顶部,您将看到以下通知,通知您需要先获取 Google API 才能使地图发挥最大潜力。

谷歌地图 API 通知

您会看到几个链接来获取您的 API。 有关如何执行此操作的详细说明。 只需点击链接并完成该过程。 获得 Google Maps API 后,您可以返回并将其插入所需字段并保存。

笔记: 如果您不想插入 Google Maps API,那么非常欢迎您尝试使用该插件支持的 OpenLayers Map Engine。 如果这对您来说足够的功能,请尝试一下。

现在您的 API 已经到位,您可以向下滚动一些,您将在设置页面上看到六个选项卡。 这些包括:

  • 地图
  • 信息窗口
  • 标记列表
  • 商店定位器
  • 先进的
  • GDPR 合规性

让我们一起来看看这些。

地图

您可以在此处选择所有地图设置,包括您要使用的地图引擎(Google 地图或开放图层)。

地图设置选项卡

信息窗口

这些设置将显示在您构建的地图上打开标记的信息窗口中。

信息窗口选项卡

标记列表

这些都是标记列表布局和显示选项。 填写您希望它们在您的网站上显示的方式。

WP 谷歌地图的标记列表选项卡

商店定位器

在此区域中插入您认为合适的商店定位器编号。

商店定位器选项卡

先进的

在这里,您将找到插件的一些更高级的设置。 用你想要的方式填写这些。 您还可以从此选项卡添加自定义脚本。

高级选项卡

GDPR 合规性

WP Google Maps 插件包含一个选项卡,供您确保您的网站在这方面符合 GDPR。 如果您想在显示地图之前征得用户的同意,则需要选中此框。

Wp 谷歌地图 gdpr 合规性标签

就是这样。 确保保存所有设置,一切顺利。 现在您已准备好添加您的第一张地图并获取显示它的简码。

添加 WordPress 谷歌地图

要访问您的地图,请单击仪表板左侧菜单区域中的“地图”。 这将带您到所有地图。 将显示一张地图,供您根据需要命名和编辑。

笔记: 请记住,使用免费版本,您可以在地图上创建任意数量的标记和位置。 但是,要创建无限地图,您将需要插件的专业版。

点击编辑按钮

继续并单击“编辑”按钮将其打开。

当地图打开时,您将看到三个主要区域都带有多个选项卡。 最上面的部分是我们刚刚一起浏览的地图设置。 但是,您也可以直接从此处创建地图并按照您的需要修复所有设置。

创建地图部分

创建地图后,单击“保存地图”按钮并向下滚动一些。

在这里您可以看到“标记”部分。 本部分允许您构建地图标记并查看它们的显示方式。 使用此部分来构建您想要的标记。

标记部分

您可以构建不同的标记以使用并将它们应用于您接下来构建的某些位置。 继续并添加任意数量的内容。

最后,向下滚动一点,您将来到标记部分的地址和位置部分。 您将在此处构建和创建所有位置并将标记应用到它们。 这些位置将显示在您构建的地图上。

地址和地点

在页面底部,您将看到更多通过购买专业版来扩展插件的选项。 如果您认为这对您正在做的事情有好处,我们非常欢迎您查看并购买。

wp google maps 的专业版选项

就是这样! 至此,您已经构建了地图、标记和位置。 只需保存它,然后获取提供的简码并将其放在您想要的任何帖子或页面上。

最后的想法

将地图添加到您的 WordPress 网站并不困难。 是的,多年来谷歌已经改变了他们允许您使用地图的方式,但是通过几个额外的步骤和一个 API,您仍然可以访问谷歌地图提供的功能。

关键是找到一个可靠的 WordPress 地图插件,它可以让您轻松地为您的网站构建和显示地图。 WP Google Maps 为您提供了大量的选项和功能。

我希望本教程向您展示了在您的网站上构建显示 Google 地图是多么容易。

您是否尝试过在没有插件的情况下使用 Google 地图并仅嵌入它们? 您是否发现这种方式可以实现更多功能?

  如何建立夫妻博客以取得成功

类似文章