深圳网站设计：使用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

微信咨询

寒枫总监