2022 年比较 9 个适用于 WordPress 的最佳 Google 地图插件

已发表: 2019-07-30

寻找最好的 WordPress Google Maps 插件来在您的网站上显示一些交互式地图?

无论您只是想嵌入一个简单的地图,还是希望创建具有多个位置、过滤和搜索选项、聚类等的更高级的地图,您都可以在此列表中找到一个不错的插件。

总的来说,我们将分享九种免费和高级选项,以帮助您找到最能满足您需求的选项。

让我们深入挖掘!

1. WordPress 的高级谷歌地图插件

高级谷歌地图

Advanced Google Maps Plugin for WordPress 是 CodeCanyon 上最畅销的 WordPress Google Maps 插件,已被购买超过 10,590 次,同时在超过 313 条评论中保持 4.50 星评级。

它具有许多不同的功能,可帮助您使地图比嵌入的典型 Google 地图更加用户友好。 例如,您可以显示自定义前端过滤器,让用户可以找到有关每个位置的更精确信息,向您的地图添加多个方向选项等等。

主要特点

  • 创建具有无限位置标记的无限地图。
  • 在您的地图上显示常规帖子或自定义帖子类型并将它们链接到标记。
  • 添加访问者可以用来过滤不同位置的前端过滤器。 除了类别过滤器,您还可以让用户按关键字搜索并应用半径过滤器(例如查找“我附近”的位置)。
  • 自定义用户单击地图标记时出现的信息窗口,包括动态添加信息或从高级自定义字段中提取信息的选项。
  • 在地图下方显示有关每个列表的信息。
  • 使用 Snazzy Maps 皮肤更改地图的外观和感觉。
  • 添加路线,包括在同一地图上显示多条路线的选项。
  • 显示高密度区域的标记簇。 也就是说,您可以显示一个图标,告诉人们该区域的标记数量。 当访问者放大时,他们将能够看到各个标记。
  • 在地图上绘制自定义形状以突出显示某些区域。
  • 根据用户的屏幕分辨率使用不同的地图设置,非常适合响应式设计。
  • 使用 CSV 文件批量导入位置标记。

地图示例

为了让您了解适用于 WordPress 的高级 Google 地图插件的工作原理,我尝试找到一个示例地图,该地图尽可能多地突出显示上述不同功能。

在下面,您可以看到单击地图标记时出现的可自定义信息框,以及允许访问者过滤掉特定标记的前端过滤器选项:

高级谷歌地图示例

定价及获取方式

对于上述许多功能,您需要 CodeCanyon 提供的高级版插件。 您将为标准 Envato 许可支付 59.00 美元,这意味着终身更新以及六个月的支持和更新。

但是,WordPress.org 上还有一个有限的免费版本,可以让您体验插件的功能,并且可以很好地用于基本地图。

更多信息/下载演示

2. WordPress 谷歌地图

WordPress 谷歌地图

WordPress Google Maps 是另一个流行的高级 Google 地图插件,在 CodeCanyon 出售。

它提供了一些很棒的现代风格,开箱即用。 您可以显示有关每个位置标记的详细信息,以及用于显示和计算方向的选项。

虽然它不像 WordPress 的高级谷歌地图插件那么受欢迎,但它确实在 49 条用户评论中获得了完美的 5 星评级。

主要特点

  • 添加无限的地图和位置标记。
  • 后端的简单界面可以轻松添加位置标记。
  • 添加前端过滤器和搜索选项。
  • 使用信息卡显示有关每个位置的更多信息。 例如,您可以添加营业时间、联系信息、图像、文本等。
  • 从各种包含的位置标记中选择或使用您自己的。
  • 显示到每个位置标记的方向。
  • 使用预定义样式为您的地图设置样式或构建您自己的样式。
  • 显示集群以在缩小时显示位置标记的密度。

地图示例

在下面的示例中要注意的一件事是当用户单击位置标记时显示的信息框的现代外观。 我认为这是这个插件最大的吸引力之一。

还可以看到前端的搜索框和位置列表(访问者也可以折叠此栏查看全图):

WordPress 谷歌地图示例

定价及获取方式

WordPress Google Maps 是 CodeCanyon 出售的高级插件。 使用标准 Envato 许可只需 29.00 美元。 同样,这意味着终身更新和六个月的支持。

不幸的是,没有免费版本,但 29.00 美元的价格标签仍然让这个很容易获得。

更多信息/下载演示

3. WP谷歌地图

WP 谷歌地图

从数字上看,WP Google Maps 是 WordPress.org 上最受欢迎的 WordPress Google Maps 插件,它在超过 400,000 个网站上活跃,在超过 1,990 条评论中获得 4.7 星评级。

虽然它在 WordPress.org 上确实有一个受欢迎的免费版本,但它只允许您创建一个地图,因此如果您计划创建多个单独的地图,则需要考虑高级版本。

WP Google Maps 有一个非常简单的界面,用于创建地图和添加位置标记,我认为这是它如此受欢迎的原因之一。

主要特点

  • 使用付费版本创建无限地图(免费版本将您限制为单个地图)。
  • 从 9 种以上的预制地图主题中进行选择或创建自己的主题。
  • 使用简单的拖放界面添加地图标记。
  • 内置商店定位器功能。
  • 将您自己的形状添加到地图中。
  • 让访问者获得地图标记的路线(付费)。
  • 将类别添加到地图标记中,并让访问者在前端(付费)上按类别进行过滤。 访问者还可以按自定义字段进行过滤。
  • 以四种不同格式创建地图标记列表:基本列表、基本表格、轮播或高级表格。
  • 使用默认的 Google 地图信息窗口或新的现代信息窗口。
  • 将自定义信息添加到信息窗口,包括来自自定义字段的数据。
  • 将标记聚集在一起。
  • 从 1,000 种不同的地图标记中进行选择。
  • 从 REST API、XML、CSV、JSON 或 GPX 导入地图位置。

地图示例

使用 WP Google Maps 有很多不同的方法,但这里有一个显示自定义地图主题、下拉类别过滤器和位置标记列表的示例:

WP 谷歌地图示例

定价及获取方式

您可以使用 WordPress.org 上的免费版本开始使用 WP Google 地图。 但是,请记住,免费版本将您限制在一张地图上。

如果您想创建多个地图,以及访问更高级的功能,如前端过滤器、方向、列表等,您将需要专业版,起价 39.99 美元,最多可在三个站点上使用。

更多信息/下载演示

4. 英雄地图高级版

英雄地图

Hero Maps Premium 是一款经济实惠的高级 Google 地图插件,可在 CodeCanyon 上购买。

它允许您使用拖放构建器构建地图,以及整洁的前端地图过滤系统、自定义形状等。

主要特点

  • 创建具有无限位置标记的无限地图。
  • 使用拖放构建器将位置标记添加到地图,或从 CSV 文件批量导入位置。
  • 在信息窗口中显示有关标记的更多信息。
  • 从大量包含的地图标记中进行选择或使用您自己的标记。
  • 将标记分为类别并使用几种不同类型的前端过滤器让访问者过滤掉特定位置。 您可以使用过滤器下拉菜单或漂亮的选项卡式过滤器方法。
  • 将您自己的自定义形状添加到您的地图中。
  • 从各种预先构建的地图颜色皮肤中进行选择,以更改地图的样式。
  • 使用标记聚类来显示地图上标记的密度。
  • 让访问者获得地图标记的路线。

地图示例

下面是一个带有下拉类别过滤器的全角地图示例:

英雄地图示例

定价及获取方式

Hero Maps Premium 仅在 CodeCanyon 的高级版本中提供。 但是,使用标准 Envato 许可,它仍然相当实惠,只需 20.00 美元。 同样,这意味着终身更新和六个月的支持。

更多信息/下载演示

5. 10Web 谷歌地图

10web 谷歌地图

10Web Google Maps 是 WordPress.org 上另一个受欢迎的免费增值插件,它在超过 10,000 个 WordPress 网站上活跃,在超过 88 条评论中获得 4.5 星评级。

10Web Google Maps 的免费功能非常丰富,让您可以使用无限的标记创建无限的地图,包括有用的商店定位器功能以及绘制自己的形状的能力。

还有一个负担得起的高级版本,增加了一堆额外的功能。

主要特点

  • 即使在免费版本中,也可以创建无限的地图和位置标记。
  • 将类别添加到标记并让访问者按类别过滤(付费)。
  • 商店定位器功能。
  • 让访客获得路线(付费)。
  • 画出你自己的形状。 多边形和折线图层是免费的,而圆形和矩形图层是付费的。
  • 从六个不同的主题和各种皮肤(付费)中进行选择。
  • 使用您自己的自定义标记(付费)。
  • 以几种不同的格式(付费)显示标记列表:基本列表、高级列表和轮播。
  • 使用.xlsx导入/导出标记位置。

地图示例

这是一个展示自定义地图主题以及信息窗口和方向选项的示例:

10web 谷歌地图示例

定价及获取方式

10Web 谷歌地图在 WordPress.org 上有一个免费的免费版本。

如果您想访问更高级的功能,例如路线、类别过滤器和标记列表,您将需要高级版本。

高级版的起价仅为 30.00 美元,可用于单个站点,最高可达 60.00 美元,可用于多达 30 个站点。

更多信息/下载演示

6.谷歌地图简单

谷歌地图简单

Google Maps Easy 是另一个流行的免费增值选项,它还为您提供了一个慷慨的免费版本,支持无限的地图和位置标记。 它来自 Supsystic,一个拥有大量流行 WordPress 插件的开发人员。

除了无限使用之外,免费版本还包括许多其他插件收费的功能,包括标记聚类和类别。 因此,如果您的预算有限,那么在免费版本中获得的功能深度方面,这是另一个不错的选择。

主要特点

  • 即使在免费版本中,也可以创建无限的地图和标记。
  • 为每个标记显示一个包含更多信息的信息窗口。 或者,您可以将标记链接到内部或外部 URL。
  • 将标记聚集在一起(免费 - 所有其他插件收费)。
  • 将标记分类以帮助访问者找到他们感兴趣的地方(免费)。
  • 从不同的地图样式和主题中进行选择。 免费版为您提供了一些选项,而专业版可让您从 300 多个主题中进行选择。
  • 提供方向和替代路线(付费)。
  • 添加不同的图层,包括 KML 图层和热图(付费)。
  • 将标记列表显示为基本列表或轮播。
  • 让人们从前端添加标记(付费)。
  • 绘制自己的形状(付费)。

地图示例

您可以在开发者的网站上找到大量不同的示例,但这里有一个简洁的示例,显示了信息窗口、自定义形状和方向按钮。 这里的示例用例是标记商店的送货区域:

谷歌地图简单示例

定价及获取方式

您可以在 WordPress.org 免费使用 Google Maps Easy。 同样,免费版本非常慷慨,可让您免费创建无限地图,以及标记类别、集群和地图主题等高级功能。

对于方向、自定义地图控件等其他功能,您将需要高级版本。

高级版的起价为 39.00 美元,可在单个站点上使用,最高可达 149.00 美元,可在无限制的站点上使用。

更多信息/下载演示

7.谷歌地图小部件

谷歌地图小部件

Google Maps Widget 是一个流行的免费增值版 WordPress Google Maps 插件,它在超过 80,000 个网站上活跃,同时在 499 条评论中保持 4.7 星评级。

虽然它有一个很好的功能列表,但免费版本相当有限,因为它只允许您向每个地图添加一个位置标记(尽管您可以创建无限的地图)。 如果要添加多个位置标记,则需要高级版本,这是要记住的。

顾名思义,您还可以通过小部件而不是专门的设置页面自定义和嵌入您的地图。 您还可以在付费版本中嵌入带有简码的地图。

在本文后面,您将看到来自同一开发人员的更简单的 Google 地图插件,这是基本地图的不错选择。

主要特点

  • 使用小部件构建/嵌入您的地图。 付费版本还允许您使用简码嵌入地图。
  • 在免费版本中使用单个位置标记或在付费版本中使用多个标记。
  • 从各种地图主题、图钉类型、颜色、尺寸等中进行选择。
  • 使用 HTML 向地图标记添加自定义描述。
  • 创建静态缩略图图(有利于性能)或交互式地图。 您还可以在灯箱中打开交互式地图。
  • 当用户单击时,可以选择用交互式地图替换静态缩略图地图,这是另一种巧妙的性能提升技术。
  • 添加针过滤器(付费)。
  • 根据密度(付费)将标记聚集在一起。

地图示例

以下是可以在灯箱中打开的具有多个标记的交互式地图示例:

谷歌地图小部件示例

定价及获取方式

您可以在 WordPress.org 免费开始使用 Google Maps Widget,但请记住,免费版本仅允许您显示单个标记。

要解锁多个标记以及所有其他高级功能,您可以购买高级版本,起价仅为 18.99 美元,可在单个站点上使用,最高可达 79.00 美元,可在无限站点上使用。

更多信息/下载演示

8. 地图标记临

地图标记专业版

Maps Marker Pro 是一个重型 WordPress 地图插件,对于想要详细控制地图功能的几乎所有方面的高级用户来说,它是一个很好的选择。

它不是最简单的插件,因此如果您只是想要一种快速简单的方式来创建地图,它可能不是最好的解决方案。 但它确实有一个冗长的功能列表和大量强大的功能。

虽然有一个基本的免费版本,但我将主要关注高级版本,因为这是大多数好东西所在的地方。

主要特点

  • 创建无限的地图和标记。
  • 将标记分配给类别并添加前端过滤器供访问者使用。
  • 将标记聚集在一起以显示密度。
  • 在信息窗口中显示有关每个标记的附加信息,并控制要显示的信息。
  • 创建动态标记列表,按名称、日期和/或到当前位置的距离对标记进行排序。
  • 使用各种形状直接在地图上绘制。
  • 在地图上实时显示访客的位置,以及他们与地图标记的距离。
  • 支持 Google 地图以外的其他地图解决方案,包括 OpenStreetMaps、Bing 地图等。
  • 在地图旁边显示标记列表。 访问者也可以搜索和过滤此列表。
  • 使用您自己的自定义标记图标。
  • 让访问者在街景中打开地图标记,使用由 layer.com 提供支持的增强现实(这非常独特)。
  • 使用 GeoJSON 批量导入标记。

地图示例

这是由 OpenStreetMap 提供支持的演示地图,其中显示了提供的一些不同功能:

Maps Marker Pro 示例

定价及获取方式

您可以在 WordPress.org 上尝试使用基本免费版本的插件。

但是,如果您想要我上面详述的所有功能,您将需要完整的 Pro 版本。 专业版起价为 39.00 欧元,可在单个站点上使用,最高可达 249.00 欧元,可在无限制站点上使用。

一件好事是,开发人员提供所有高级功能的 30 天免费试用,让您可以免费试驾。

更多信息/下载演示

9.简单的谷歌地图简码

简单的谷歌地图简码

顾名思义,Simple Google Maps Shortcode 是此列表中最简单的 Google Maps 插件之一。

使用单个简码,您可以快速嵌入所需位置的地图。 或者,同一个开发人员也有一个专用的谷歌地图 Gutenberg Block 插件,让您可以使用相同的方法在新的 WordPress 块编辑器中嵌入地图作为块。

但是,这两个插件都缺乏其他插件提供的基本功能,例如对多个引脚的支持。

如果您想要这些功能,您肯定会选择此列表中的其他插件之一。

这个插件实际上只是嵌入基本 Google Maps 地图的一种更简单的方法,无需使用 iframe。

主要特点

  • 使用简单的简码嵌入单一位置地图。
  • 使用简码参数更改地图的高度和宽度。
  • 使用简码参数禁用地图滚动或地图控件。
  • 地图缓存三个月以提高性能,但您可以使用简码参数调整持续时间。

地图示例

同样,Simple Google Maps Shortcode 只是嵌入了一个基本地图,就像您直接从 Google Maps 站点使用 iframe 嵌入代码一样。 出于这个原因,真的没有什么特别值得展示的。

定价及获取方式

Simple Google Maps Shortcode 100% 免费,可在 WordPress.org 上获取。

如果您想要比其基本的 Google Maps 嵌入方法更多的功能,您可以查看来自同一开发人员的 Google Maps Widget Pro 插件(我们在本文前面已经介绍过)或此列表中的其他插件之一。

更多信息/下载

哪个是最适合您的 WordPress 谷歌地图插件?

九个插件对你来说有很多,所以让我们通过一些不同的场景来完成这篇文章,以帮助你找到最适合你需要的谷歌地图插件。

首先,如果您只是想嵌入一个简单的地图并且不需要所有高级功能(甚至是显示多个图钉的能力),那么我会说只使用简单的东西,比如简单的谷歌地图简码或谷歌地图古腾堡街区。 来自同一开发者的 Google Maps Widget 是另一个不错的基本免费选项。

另一方面,如果您确实需要显示多个地图标记以及方向、类别过滤器等其他功能的能力,那么这里有一些想法:

  • Maps Marker Pro 拥有最深入的功能列表之一,尽管它的设计选项看起来有点过时,而且它没有最适合初学者的界面。
  • WordPress 谷歌地图有一些开箱即用的非常好的样式,价格仅为 29.00 美元。
  • Advanced Google Maps Plugin for WordPress 是一个很好的中间地带,它结合了强大的功能和漂亮的外观——它是 CodeCanyon 上最受欢迎的 Google Maps 插件是有原因的。 不过,59.00 美元的价格有点贵。

最后,如果您仍然想要高级功能但需要它是免费的,我想说两个最慷慨的免费插件是 10Web Google Maps 和 Google Maps Easy。 如果您只需要创建一个地图,WP Google Maps 也是一个不错的选择。

对浏览所有这些插件有任何疑问吗? 在评论中询问!