前 11 个最佳 WordPress 交互式地图插件

已发表: 2022-10-14

无论您是访问世界各地的旅游博客作者、拥有多个地点的企业,还是展示社区基本信息的房地产经纪人,地图都是增强您的网站的好方法。

在您的网站上包含地图以供客户查找您的活动地点、显示您的业务所在的位置以及用于其他地理目的总是有意义的。

交互式网络地图允许您利用在线地图来选择兴趣点、输入坐标或打开和关闭图层。 在这些地图上,您可以根据需要放大和缩小并导航该区域。 地图上显示的详细信息使您的地图易于访问,因此每个人都可以与之互动。

在本文中,您将找到很多有用的信息,从交互式地图的好处到如何借助插件将地图添加到您的站点。 想了解更多关于交互式地图的信息? 继续阅读!

  • 为什么要向您的网站添加交互式地图?
  • 如何使用插件添加交互式地图
  • 10 个其他最佳交互式地图插件

为什么要向您的网站添加交互式地图?

向您的站点添加交互式地图可以带来成果。 您将获得网站流量和客户满意度的许多好处。 让我们列出几个项目:

地图可帮助客户或网站访问者获取前往您的业务的路线,并为他们打开新的浏览器窗口、离开您的网站和摸索路线节省时间。

  • 客户可以直接在您的网站上使用地图。
  • 访问者可以找到您的业务联系信息。 嵌入式谷歌地图提供的数据包含公司地址、电话号码、网站、路线、评论和评论星级。
  • 如果访客不能完全确定您的商家位于何处,他们可以参考附近的区域。
  • 该地图还可以让访问者在您的网站上停留更长时间。

如果您想获得所有这些优势,让我们看看如何将交互式地图插入您的站点。

如何使用插件添加交互式地图

有几种方法可以将交互式地图添加到您的站点。 最常见的一种是使用 Google 地图创建交互式地图并将其添加到您的站点。 但是,这条路缺乏某些功能,仅限于谷歌地图。

拥有交互式地图的最简单和最快的方法之一是使用插件。 我们选择 Maps Marker Pro 插件来说明安装过程。 让我们先看看这个插件,然后继续将地图添加到您的站点的步骤。

pfo-wordpress-interactive-map-plugin-map-maker-pro

使用 Maps Marker Pro 最基本的功能,您可以为您选择的地理位置做一个标记,使用一千多个符号中的一个来表示该区域,并建立一个链接以获取说明。 可以应用弹出窗口来显示更多文本。

特征:

  • 您可以使用简码在页面、帖子、模板和小部件中嵌入地图。
  • 可以自定义屏幕图标。
  • 您可以选择任何您想要的地图,包括 Google 地图、Open Street Map、Bing、Mapbox 和自定义 WMTS 地图。
  • 您可以生成地图的二维码,添加到包装等。

定价:所有这些功能以及更多功能都在一次性许可证中提供。

个人计划中一个域的标准价格为 49 美元。 Plus 计划支持五个域,价格为 149 美元。 专业计划以 164 美元的价格提供对 25 个域的支持。 尽管每个许可证都会向您收取一次性费用,但会附带更新和持续支持。

您可以通过在购买前激活 30 天试用来测试每​​个计划。

pfo-maps-maker-pro-pricing

说明:您需要做的第一件事是安装并激活 Maps Marker Pro 插件:

  1. 只需转到 WordPress 网站的后端即可安装插件。 点击插件,然后添加新的
  2. 在搜索行中,输入“Maps Marker Pro”。 在这里,您将能够在第一行看到它。 点击安装,然后激活
  3. 完成,现在你有了这个插件,可以定制和使用它了。

激活后,您可以访问 Maps Marker Pro 页面并创建您的交互式地图:

  1. 单击添加新图层按钮开始。

pfo-add-new-layer-maps-maker-pro-plugin

2. 为您的图层命名,然后单击发布

pfo-name-layer-maps-maker-pro

现在,您已准备好在新图层顶部添加地图标记:

  1. 要放置您的第一个标记,请转到Maps Marker Pro >添加新标记部分。

pfo-add-new-maker-maps-maker-pro

2. 为您添加的标记输入标题,然后定义放置标记的位置。

3. 您应该将标记放置在之前创建的图层上。 为此,请在图层字段中输入图层的名称并选择它。

4. 不要忘记单击“发布”按钮以保存您的标记,然后将其他标记重复该过程到图层。

完成后,您可以编辑要添加地图的任何 WordPress 帖子或页面:

  1. 在帖子编辑屏幕上,单击添加地图按钮。 这将打开一个选项卡,显示所有地图标记和您创建的图层。

pfo-add-map-maps-maker-pro

2. 选择图层并单击插入地图按钮。

3. 保存或发布您的帖子并预览您的交互式地图。

您的交互式地图已准备就绪。 请记住,可以编辑主图层以调整地图大小和尺寸。

pfo-maps-marker-pro-example-of-layers

使用插件很容易呈现交互式地图。 当然,这不是唯一的工具。 您可能想知道其他具有不同功能和价格的插件。 这就是为什么我们要推荐我们对 10 大 WordPress 交互式地图插件的详细评论!

10 个其他最佳交互式地图插件

最佳解决方案将取决于您的具体目标和需求,以及您的预算。

#1 MapSVG 交互式矢量、谷歌和图像地图

pfo-mapsvg-wordpress-交互式地图插件

MapSVG 是最出色的 WordPress 地图插件之一,可让您轻松创建矢量、Google 或图像地图。

该插件包括标记、工具提示、纬度和经度坐标、表单创建、自定义 CSS 等的强大功能。 您甚至可以使用人口统计和天气等地图添加自己的统计数据。

MapSVG 在其控制面板中内置了实时预览,因此您可以在创建地图时对其进行调整。 该工具还提供了许多搜索选项,例如文本和位置。

您可以上传自定义矢量图像并将其用作 Google 地图叠加层。 它能够向特定的地图位置和区域添加一些额外的信息,如联系人图像、统计数据等,并使用来自第三方插件的短代码,如联系人表单。

此外,还可以访问 100 多个国家地图、数千种可自定义的地图样式、自定义颜色、区域链接等。 现场演示即将展示它提供的其他功能。

价钱

MapSVG 的 6 个月常规许可证为 49 美元。 您可以选择以 65.50 美元的价格将其延长至 12 个月。

pfo-mapsvg-定价

#2 打开用户地图

pfo-open-user-map-plugin

我们列表中的大多数地图可帮助您创建地图并将位置添加到站点管理员。 如果您希望用户向您的地图添加详细信息怎么办? 开放式用户地图允许您在 WordPress 网站上放置位置提交表单。

使用此插件,您可以生成包含自定义字段、文件上传(图像或音频)、信标类别和位置通知的“添加位置”表单。 当用户发布新位置时,它在您的控制之下,除非您启用了自动发布功能。 您可以在此处编辑、批准或拒绝该图钉。

此外,该插件还引入了地图和标记样式、自定义标记加载、感谢消息、多语言预设以及来自开发人员的一流支持。 它还授予用户免费版本来体验这些功能。

价钱

开放用户地图免费为其用户提供某些功能。 您可以以每年 39 美元的价格购买其高级包。

pfo-open-user-map-plugin-pricing

#3 交互式地理地图

pfo-interactive-geo-maps-plugin

交互式地理地图可让您在您的网站上展示令人惊叹的地图,其中包含缩放、热图、工具提示、实时过滤器等交互式功能。 此地图插件包含 250 多个具有高级功能的地图,可为您的站点创建自定义地图。

该插件的专业版为您提供可自定义的颜色区域、市场、工具提示、10 多种地图投影、缩放选项、标记锚线、文本标签等。

价钱

Interactive Geo Maps 为其用户提供三个计划。 您可以每月 3.99 美元或 29.99 美元的年度合同计划使用高级功能。 终身计划费用为 79.99 美元。 每个计划都可以免费试用!

pfo-interactive-geo-maps-plugin-pricing

#4 工具集地图

pfo 工具集地图插件

我们列表中的下一个是工具集地图。 该插件可让您创建独特的网站特定地图,而无需 PHP 或编码知识。 您可以根据特定类型的内容(例如房产列表)查看地图和附近的结果,添加过滤器或地理位置,或浏览多种语言的地图。

工具集地图包含许多内置的强大功能,使地图创建变得容易。 它具有自定义字段、地图标记设计、缩放级别、地图类型、街景、条件过滤器和高级功能来设计您的地图。 Toolkit Maps 与 Google 和 Azure 兼容。

价钱

Toolset Maps 的年度计划费用为 1 个站点 69 美元和 3 个站点 149 美元。 该插件还具有无限的站点选项。 您可以通过支付 299 美元来利用无限站点的高级功能。

pfo-toolset-maps-plugin-定价

#5 交互式世界地图免费 WordPress 插件

pfo-interactive-world-map-plugin

交互式世界地图是一个免费的地图插件,可以为您的网站提供有趣且可点击的世界地图。 可以通过将鼠标悬停在地图上来添加链接、图像和文本。 您可以使用可视化编辑器自定义背景颜色、非活动区域颜色、地图标记大小等等。

完成后,您可以使用简码将地图保存到任何帖子或页面。 所有地图都具有响应性并且可以快速加载,因此您的 SEO 不应受到任何影响。 如果您想要本地地图,您可以查看开发人员针对美国、欧洲、亚洲和其他地区的高级可定制交互式地图。

价钱

尽管此插件免费为您提供许多好处,但您只需 89 美元即可获得额外的地图功能。 购买计划后,您可以单独自定义某些国家/地区的地图。

pfo-interactive-world-map-plugin-定价

#6 WP 商店定位器

pfo-wp-store-locator-plugin

如果您的目标是在不花一分钱的情况下将商店定位器部分放到您的网站上,那么 WP Store Locator 值得一看。 这个免费插件只是以简单的方式展示您的真实商业位置的门票。

在管理大量店铺时,需要提供店铺信息,如业务部门、电话/传真号码、电子邮件、站点 url、描述和营业时间。

有过滤器可以添加自定义元数据。 配备以公里或英里显示行驶距离。 您不仅可以使用不同语言的地图,还可以更改方向的语言。

#7 应用程序

pfo-maplic-插件

Mapplic 是一款高级交互式地图插件,具有为您的商业网站创建地图的高级选项。 您将拥有具有无限独特别针和各种操作的位置的书签。

该工具具有响应式设计,可在各种设备上提供最佳体验。 还支持平板电脑和智能手机等触摸屏设备。

价钱

Mapplic 的高级包售价 46 美元。 它带有许多预安装的演示地图,可帮助您入门。 该许可证是一次性计划,提供 6 个月的支持和终身更新。 支持期限可延长至 12 个月,费用为 15.38 美元。 您可以在购买后立即开始使用该插件。

pfo-mapplic-插件定价

#8 英雄地图高级版

pfo-hero-maps-premium-plugin

希望分享令人印象深刻的全屏地图? 那么英雄高级地图非常适合您。 这个高级 WordPress 插件具有全屏、英雄地图,以及简单的拖放地图创建、可自定义的地图标记、地图过滤器、彩色皮肤等。

这个易于使用的后端将使您能够根据您的设计偏好在全宽或固定尺寸之间切换。 可以在任何地图上绘制线条和形状。

价钱

Hero Premium Maps 以 20 美元的价格提供 6 个月的常规许可证支持。 通过支付 5.63 美元,您可以将其延长至 12 个月。 如果您想在购买前测试该工具,可以使用演示版。

pfo-hero-maps-premium-plugin-pricing

#9 MapPress 简易谷歌地图

pfo-mappress-插件

Map Press 非常适用于自定义帖子类型和多站点设置,还包括重要功能,如简码、街景支持、自定义文本、实时流量等。

该插件的免费版本支持无限地图,并鼓励您在每个帖子中共享多个地图。 要使用更全面的功能,请激活其 Pro 版本。

基本功能

  • 超过 100 种标记样式
  • 街景支持
  • 指向标记的方向显示
  • 地图下方可点击的标记位置列表
  • 侧边栏地图小部件
  • 从自定义字段内容生成地图的选项

价钱

MapPress 有两个用于不同目的的高级计划。 适合个人用户的常规计划是每年 29 美元。 开发者计划最适合公司,每年收费 79 美元。

pfo-mappress-插件定价

#10 进度图

pfo-progress-map-插件

Progress Map 是允许您将各种位置添加到您的网站的插件之一。 这可能是您最喜欢的汉堡店、您的房产列表或您为度假预订的酒店。 此外,所有这些地点都将显示在您的谷歌地图上。

该插件非常容易安装。 它具有多种地图布局并支持自定义标记。 Progress Map 提供了一个强大的管理面板,您可以在其中直接管理交互。 Progress Map for WordPress 具有无限的自定义选项,是一个创新的插件,涵盖了地图所需的一切。

价钱

Progress Map 的常规许可证为 59 美元,提供 6 个月的支持。 期限可延长至 12 个月,费用为 20.25 美元。

pfo-progress-map-plugin-pricing.jpg

立即选择您最喜欢的 WordPress 交互式地图插件!

向您的 WordPress 网站添加地图可以帮助您发展业务,使您的网站更具吸引力,并帮助您的客户轻松找到您的商店。 在您的网站上拥有一张或多张地图的最简单方法是使用 WordPress 的地图插件。

如前所述,有多种 WordPress 地图插件供您选择,具体取决于您的需求。

如果您正在寻找功能丰富的 Google Maps 插件,WP Google Maps 和 WP Google Maps Pro 值得一试。

对于交互式地图,强烈建议使用交互式地理地图、Maps Marker Pro 和 MapSVG。

考虑使用 Hero Maps Premium、MapPress、Google Maps Widget、MapifyPro 或 WP Store Locator 以获得自定义选项和商店定位器功能。

除了交互式地图,社交分享按钮是增强用户交互的另一种强大方式。 立即查看如何将它们添加到您的 WordPress 网站!

您觉得在您的网站上应用交互式地图有用吗? 如果您仍有问题或任何建议,请在下面的评论部分与我们分享。