深圳网站设计:使用WordPress插件创建交互式世界地图

2019.08.15 mf_web

178

当您要将地图添加到WordPress网站时,有许多选项可供选择。甚至还有免费的使用谷歌地图的插件选项。 

但是,许多现有的WordPress地图插件和免费选项存在的问题是缺乏可用的自定义。 

为了使地图适合您的网站并执行特定功能,您需要一个允许您自定义地图所有方面的插件。在互动的世界地图 WordPress插件,您可以制作尽可能多的地图,你想和调整这些地图的功能,您怎么看合适的功率。 

在本教程中,我将向您展示如何使用Interactive World Maps插件创建地图。我将介绍如何创建地图,如何自定义地图,以及如何使用这个方便的插件将其添加到您的网站。

深圳网站设计

创建地图 

要创建地图,请单击 WordPress仪表板左侧的交互式地图>添加新地图。这将打开地图编辑器。 

在我们的示例中,我们将创建一个显示欧洲的地图。我们还将在欧洲的一些互动区域添加,以便用户更好地了解欧洲的特定国家。 

欧洲的互动地图

首先,我们首先在地图上添加名称和描述。这个名字将是欧洲,描述将是Interactive Europe Map。

接下来,转到“ 地图设置”部分。我们要改变的第一个选项是要显示的区域。 由于我们只希望欧洲出现在我们的地图上,请在下拉菜单中点击欧洲。 

如果我们现在向下滚动到地图编辑器的底部,我们可以看到一个名为Preview的部分。此预览中将显示欧洲地图。

回到地图设置,我们会将活动区域操作 更改  为打开URL(新窗口),因为我们希望在用户点击特定国家/地区时显示新网页。 

将地图添加到您的网站

接下来,我们将开始在编辑器的“ 交互区域”部分中添加地图交互。这允许您突出显示特定区域以及添加文本,在我们的示例中,在单击这些区域时打开特定链接。 

在我们的欧洲地图中,我们将重点介绍两个国家,意大利和西班牙。首先,我们将在“ 交互式区域”部分的“ 简单”选项卡下添加这些区域。 

我们需要包括的第一个项目是区域代码。要查找我们两个国家/地区的区域代码,请单击  “ 地图设置”下方的“ 大洲和国家/地区” 链接,这将转到  Google开发人员文档,其中列出了各个国家/地区的区域代码

大陆和国家链接

导航到欧洲,你会发现意大利和西班牙的缩写,分别是IT和ES。 

因此,要为意大利创建交互式区域,请在“  区域代码”  字段中键入IT。 

接下来,我们将添加一个标题。当用户将鼠标悬停在地图上的国家/地区上时,将显示标题。在这种情况下,我们将使用意大利。 

接下来,我们将 在Tooltip部分添加Capital:Rome。工具提示文本将显示在标题下方。 

最后,我们将添加Action Value。 我们将在此字段中添加一个URL,链接到一个网站,该网站将在单击该区域时打开。

我们希望在点击国家/地区时,可以在新窗口中打开意大利维基百科页面,因此我们将添加该链接 在“ 操作值”字段中。 

单击编辑器最右侧的“ 添加”按钮时,您将在预览中看到意大利现在已突出显示。您可以按照类似的步骤为任何其他国家/地区创建交互式区域。

结论 

交互式地图WordPress插件使您能够创建和自定义交互式地图,并以合理的价格将其放置在WordPress网站上。在这个插件中,您学习了一种使用插件创建地图的方法。 

深圳网站设计

最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP