无论您是经营企业、组织、活动,还是只是出于任何其他原因展示地图,了解如何将 Google 地图添加到 WordPress 都会很有帮助。
此外,使用合适的插件,您甚至可以创建自定义交互式地图,更好地展示您的实际位置或其他重要信息。
介绍 Intergeo Google 地图插件
将 Google 地图添加到 WordPress 的最简单方法是使用正确的插件,例如 Intergeo。 ThemeIsle 构建了这个插件来帮助用户快速创建和自定义地图以满足他们的需求。强大的 UI 地图生成器让您可以创建任意数量的地图,还可以保存、编辑甚至克隆它们。
主要特点:
- 自定义地图的许多元素,包括位置、缩放级别等。
- 使用配色方案和其他选项设置地图样式。
- 向地图添加多个位置和标记。
- 轻松组织您的地图库。
价格:基本的 Intergeo Google 地图插件是免费的。还有一个专业版,具有地图覆盖、可定制路线和 AdSense 集成等附加功能。
如何将 Google 地图添加到 WordPress(3 个步骤)
现在我们将向您展示如何为您的网站创建地图。首先,您需要像安装任何其他插件一样在您的 WordPress 网站上安装免费版的 Intergeo。然后,只需按照以下步骤将 Google 地图添加到 WordPress!
第 1 步:将您的 Google Maps API 密钥添加到 WordPress
安装 Intergeo 后,一个名为 Intergeo Maps 的部分将出现在仪表板新部分的“媒体”选项卡下。当您访问它时,您应该会看到添加 API 密钥的警告,这必须在开始创建地图之前完成:
要获取此密钥,请访问 Google API 仪表板。假设您已经拥有 Google 帐户,则无需注册任何内容即可访问此仪表板。
在 Google API 仪表板中,选择页面顶部附近的蓝色“创建项目”按钮:
在下一个屏幕上选择创建。然后您就可以为您的项目选择一个名称:
再次单击“创建”,您将返回到仪表板。选择屏幕顶部附近的启用 API 和服务,然后在 API 库中搜索“Google Maps JavaScript API”。找到后选择启用:
在下一个屏幕上,单击右上角的“创建凭据”按钮。
然后在下一页上,选择我需要什么凭据?您将看到一个 API 密钥,您现在可以复制它。
返回您的WordPress网站,然后选择请在此处添加 API 密钥中的链接。将密钥粘贴到Maps API密钥框中:
p>
不要忘记保存您的更改!现在您已准备好开始构建地图。
第 2 步:创建新地图
要创建您的第一张地图,请从 Intergeo 地图部分选择添加新地图。您将立即获得许多选项:
p>您可能要做的第一件事是选择“添加标记”按钮。这允许您定位地图和放置标记。可以给标签起个标题,选择风格,输入地址:
在文本框中,您还可以添加和格式化用户点击标记时显示的文本:
之后,您可以在地图构建器中使用一些附加选项开始自定义您的地图.让我们逐一浏览每个选项卡。
定位缩放
/ p>
要为地图设置特定的缩放级别和位置,只需缩放示例地图并将其拖动到您想要的任何位置。您在编辑器中设置它的方式就是它在您网站上的显示方式。
您还可以更改地图类型并决定是否希望用户能够自行拖动和缩放。
控制
在“控制”部分,您可以决定哪些选项可供用户使用。这包括他们是否可以平移地图(平移意味着拖动地图以更改其位置)以及他们是否有街景选项。
样式
在“样式”部分,您可以调整地图的外观。您可以更改容器的宽度和高度,以及添加样式。您还可以从许多预定义的地图样式中进行选择,甚至可以创建自己的地图样式。
如果您选择 Intergeo 的高级版本,您可以访问其他选项卡和设置。但是,通过调整上述设置,您应该能够创建一个时尚且对访问者有用的地图。
第 3 步:将地图放在您的网站上
一旦您的地图调整到完美,请不要忘记保存它。完成后,您会看到它出现在 Intergeo Maps 主页面上,还有用于编辑、复制或删除地图的按钮。还有一个文本字段:
< p> 此字段包含可用于在您的网站上插入地图的简码。您可以使用文本小部件将其放置在页面或帖子中,甚至放在边栏或页脚中。只需复制短代码并将其粘贴到编辑器中:
就是这样!您的地图现在将完美显示在您网站的前端:
您可以使用此方法将同一张地图放置在多个位置,甚至可以将各种地图添加到您的网站。这就是将 Google 地图添加到 WordPress 所需的全部内容。
结论
“只显示,不告诉”是您网站上应遵循的明智规则。例如,包括地图可以向访问者准确显示您的企业或组织如何融入他们的社区。地图是一种更吸引人的方式,可以鼓励人们访问您的实际位置,而不仅仅是提供地址——尤其是当它们是交互式的时候。
要在您自己的网站上利用这项技术,您可以使用 Intergeo 插件将 Google 地图添加到 WordPress。只需执行以下三个步骤:
- 将您的 Google Maps API 密钥添加到 WordPress。
- 创建一个新地图并使用插件设置对其进行配置。
- 使用提供的短代码将地图放在您的网站上。