如何使用 Google 我的地图在WordPress上创建交互式自定义地图

图片[1]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

你的网站添加具有基本交互功能的 Google 地图,Google 我的地图是一个更为合适的工具。本文将详细介绍如何使用 Google 我的地图创建并在 WordPress 网站上嵌入交互式地图

什么是 Google 我的地图?

Google 我的地图是一个免费的在线服务,允许用户自定义 Google 地图。可以在地图上添加独特的标记、兴趣点、驾车路线等,并通过代码将其嵌入到你的网站中,无需安装单独的 WordPress 插件

第一步:创建新地图

首先,访问 Google 我的地图 网站并点击“创建新地图”。

图片[2]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

选择基础地图

进入地图编辑器后,可以选择基础地图,并添加兴趣点和图层。

图片[3]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

请点击“无标题图层”旁边的三个点,然后选择“重命名此图层”。输入想要的名称后,点击“保存”。

图片[4]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

更改地图样式

可以通过选择现成的样式来更改地图的外观。点击“基础地图”旁边的箭头,浏览并选择一个适合你的样式。

第二步:添加兴趣点

搜索并添加标记

如果只想创建一个简单的地图,可以跳到第四步。但为了增加地图的丰富性,可能需要添加兴趣点。当访问者点击某个兴趣点时,会弹出一个工具提示,显示该位置的名称、描述、照片和视频(如果有)。

图片[5]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在搜索栏中输入地址,然后点击“搜索”图标。Google 我的地图将放大该区域。如果该地点已存在于地图中,只需点击该位置并选择“添加到地图”即可。可以编辑此默认信息,添加自己的照片和视频,点击小铅笔图标进行编辑。

图片[6]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

自定义兴趣点信息

可以输入标题和描述,添加图像和视频来丰富兴趣点的信息。例如,为餐厅网站创建地图时,可以添加餐厅外观的照片帮助顾客找到它,或者为摄影工作室上传摄影作品集。

图片[7]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

第三步:添加路线

还可以在地图上添加旅行路线,这对帮助与会者找到活动地点或向旅游博客读者推荐观光路线非常有用。

添加驾车、步行或骑行路线

点击搜索栏下方的“添加路线”图标,在屏幕左侧输入起始和结束地址。默认情况下显示驾车路线,但你可以选择骑行或步行路线。

图片[8]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

绘制自定义路线

图片[9]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

点击搜索栏下方的“画线”图标,选择驾车、步行或骑行路线。单击起点并沿路线绘制线条,到达目的地后点击以放置标记。

第四步:在 WordPress 中发布交互式地图

当地图设置满意后,可以使用嵌入 iFrame 代码将其添加到网站。首先,点击“分享”按钮将地图公开,输入地图标题和描述,然后点击“确定”。

图片[10]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

配置共享设置

启用“任何有此链接的人都可以查看”开关,点击“在驱动器上共享”。

图片[11]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

获取嵌入代码

点击左侧菜单中的三个点图标,选择“嵌入我的网站”,复制生成的 iFrame 代码。

图片[12]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在 WordPress 中添加自定义 HTML 块

图片[13]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在 WordPress 仪表板中,转到想要添加交互式地图的帖子或页面,打开 Gutenberg 编辑器,点击“+”按钮并搜索“HTML”以添加自定义 HTML 块。将 Google 地图代码粘贴到 HTML 块中,点击“更新”或“发布”按钮。

图片[14]-如何使用 Google 我的地图在WordPress上创建交互式自定义地图-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

结论

通过上述步骤,可以轻松地使用 Google 我的地图创建和自定义交互式地图,并将其嵌入到你的 WordPress 网站中。这不仅提高了网站的互动性,还能为访客提供更直观的地理信息服务。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容