跳到主要内容

您要在WordPress中添加交互式地图吗?交互式地图使您的用户可以通过单击地图中的标记或四处移动鼠标来发现路线,旅程和路线。在本文中,我们将向您展示如何轻松地在WordPress中添加交互式地图。

方法1:使用“ Google我的地图”在WordPress中添加交互式地图

此方法更简单,不需要您在WordPress网站上安装插件。

首先,您需要访问Google我的地图网站,然后点击“创建新地图”按钮。

这将带您进入编辑地图页面。在此屏幕上,您可以通过选择基础地图,添加兴趣点,图层等来创建地图。

使用顶部的工具栏,您可以在地图上画线,添加路线,使用标尺和选择项。

您所有的地图项都保存在左侧的图层中。您可以添加,编辑,重命名甚至删除图层。您也可以单击图层中的任何项目以添加描述,更改标题或添加照片/视频。

编辑完地图后,您需要将其公开,以便可以在您的网站上使用它。您可以通过单击编辑面板中的共享按钮来执行此操作。

这将打开共享中心,您需要在其中单击“谁拥有访问权限”部分下的“更改”。

接下来,您需要选择“在线–在网络上公开”,然后单击“保存”按钮。

之后,单击“完成”以关闭共享中心。

在编辑面板上,单击地图名称旁边的菜单图标,然后选择“在我的网站上嵌入”。

现在,您将看到需要复制的嵌入代码。

接下来,转到要在WordPress中添加交互式地图的帖子或页面。在后期编辑屏幕上,您需要切换到文本编辑器并粘贴您先前复制的地图嵌入代码。

现在,您可以保存所做的更改并预览帖子,以查看正在运行的交互式地图。

如何在wordpress中添加交互式地图
如何在wordpress中添加交互式地图

方法2:使用插件在WordPress中添加交互式地图

尽管您可以使用Google Maps创建和添加交互式地图,但它仍然缺少某些功能,并且仅限于Google Maps。

如果您想使用开放街道地图,必应或其他地图服务,那么此方法适合您。

您需要做的第一件事是安装并激活Maps Marker Pro插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您需要访问Maps Marker Pro页面来创建交互式地图。首先,您需要单击“添加新层”按钮。

接下来,您需要为图层提供一个名称,然后单击“发布”。

既然已经创建了一个图层,就可以在其上添加地图标记了。转到Maps Marker Pro»添加新标记页面以添加第一个标记。

首先,您需要输入标记的标题,然后搜索位置并选择它。

您还需要将标记放置在您先前创建的图层上。您可以通过在“图层”字段中键入图层名称并选择它来完成此操作。

不要忘记单击“发布”按钮以保存标记。

重复此过程以将其他标记添加到图层。

完成添加标记后,您可以编辑要在其中添加地图的任何WordPress帖子或页面。

在帖子编辑屏幕上,点击“添加地图”按钮。

这将弹出一个弹出窗口,显示所有地图标记和您先前创建的图层。您需要选择图层,然后单击插入地图按钮。

该插件将在您的帖子编辑器区域中添加所需的简码。现在,您可以保存或发布您的帖子并对其进行预览以查看您的交互式地图。

您始终可以编辑主图层以调整地图的大小和尺寸。

Maps Marker Pro是一个功能强大的插件,具有大量选项,例如多层地图,自定义标记,方向,GPX支持,以多种格式导出地图等等。您可以探索这些选项,以使地图更具交互性。

回到顶部