如何在 WordPress 中添加地图

向您的 WordPress 网站添加地图是改善用户体验并使访问者更容易找到您的位置的好方法。 根据您的需要，有几种不同的方法可以将地图添加到 WordPress。 如果您只想在您的联系页面或其他静态页面上包含一个小地图，您可以使用 Google 地图小部件。 这个小部件在 WordPress 小部件库中可用。 只需将小部件添加到您的页面并输入您的地址。 地图将自动生成。 如果您需要对地图进行更多控制，或者想要添加交互功能，您可以使用插件。 有许多很棒的插件可用于将地图添加到 WordPress。 最受欢迎的之一是 Google Maps Widget Pro。 这个插件让您可以对地图进行大量控制，包括添加标记、更改地图类型和添加自定义 CSS 的能力。 无论您选择哪种方法，将地图添加到 WordPress 都是改进您的网站并使其更加用户友好的好方法。

按照这些步骤，您可以轻松地将地图添加到您的 WordPress。 您可以手动将 Google 地图添加到您的站点，或者在插件的帮助下创建一个。 在本课程中，我将介绍一些需要 Google API 的Google 地图插件。 要访问特定部分或大图，只需单击下面的链接。 我们将讨论的许多插件都要求您拥有 API 密钥。 如果您希望人们能够使用您的 API 密钥，则需要对其进行限制。 要做到这一点，只需将 Google 地图嵌入您的网站并无需插件即可。

使用 WP Google Maps 插件可以在几分钟内将 Google 地图添加到您的 WordPress 帖子和页面中。 谷歌地图的地图小部件允许您在灯箱的帮助下在几分钟内创建一个缩略图大小的地图。 自定义地图图钉图标、自定义地图类型（例如路线图）和配色方案均可用。 您可以使用 Supsystic Ultimate Maps 插件创建自己的地图，该插件包括 Bing 地图、OpenStreetMap、Leaflet、Mapbox 和 Thunderforest 以及其他地图选项。 该插件使用了许多 Mapbox 服务，包括 Studio Styles 和 Mapbox 的 GL JS 库。 如果您想在 WordPress 网站中包含交互式地图，交互式地理地图插件是理想的选择。 WP Store Locator 插件是一个简单易用的商店位置地图插件。

该插件允许您自定义地图的外观，为输入字段添加自定义标签，并在搜索栏中显示半径结果。 您可以使用灵活地图中的简码轻松地将 Google 地图添加到您的 WordPress 网站。 Stellar Places 插件可以创建、管理和显示 Google 地图生成的位置。 它包括实时地图视图、拖放标记和无限位置。 地图还可以在 Google 地球 KML 文件中加载中心坐标、街道地址和 URL。

在编辑字段中键入要显示地图的位置。 无论您选择什么，您的输入都会导致您指定的位置自动完成。 通过选择正确的位置，您可以将其添加到您的地图中。 单击红色标记符号时，可以更改标记的标题和说明。

首先，您必须先找到、安装并激活 MapPress Easy Google Maps。 转到编辑模式页面或发布，向下滚动并单击MapPress Easy Google Maps 框。 第 5 步：您需要输入您的地址或单击我的位置以自动显示您当前位置的位置。

如何向 WordPress 添加地图图标？

为了向 WordPress 添加地图图标，您需要首先安装并激活 WP Google Maps 插件。 激活插件后，您需要通过单击“地图”菜单项，然后单击“添加新”按钮来创建新地图。 创建地图后，您需要单击“添加地图图标”按钮并选择您要使用的图标。

自定义标记图标是在您的网站上个性化地图的绝佳方式。 可以通过三种方式在地图上使用自定义标记。 更改默认标记图标、添加特定标记或将类别更改为新标记。 如果您喜欢冒险，可以使用免费的 Google 地图图标。 通过单击添加新类别按钮，您可以添加新的标记类别。 当您选择标记图标时，您有两个选择：输入图标 URL 或使用上传图像选项将图像上传到媒体库。 如下图所示，您可以在选择图标后启用 Retina Ready 切换。

如何使用谷歌地图小部件

要激活小部件，请将您的 Google Maps API 密钥复制并粘贴到“Google Maps Key”字段中。 您还可以在“位置”字段中输入位置。

如何将地图添加到我的 WordPress 页脚？

在您的 WordPress 页脚中添加地图是帮助访问者找到您的位置的好方法。 有几种不同的方法可以做到这一点，但最简单的方法是使用插件。 有许多不同的插件可用，但我们建议使用 WP Google Maps 插件。 这个插件很容易使用并且有很多很棒的功能。 安装并激活插件后，您将需要创建一个新地图。 为此，请单击左侧菜单中的“地图”选项卡，然后单击“添加新地图”按钮。 给你的地图一个标题，然后点击“添加标记”按钮。 这将允许您为您的位置添加标记。 您还可以为每个标记添加描述、网站和其他信息。 添加完所有标记后，单击“保存地图”按钮。 保存地图后，您需要将其添加到页脚。 为此，请转到左侧菜单中的“外观”选项卡，然后单击“小部件”链接。 找到“WP Google Maps”小部件并将其拖到您的页脚小部件区域。 保存更改后，您的地图将显示在页脚中。

如何在 WordPress 中映射页面？

这个问题没有万能的答案，因为在 WordPress 中映射页面的过程会因您使用的主题及其提供的特定功能而异。 但是，通常，您需要访问 WordPress 仪表板并导航到“页面”部分。 从那里，您将能够创建一个新页面或编辑现有页面。 进行更改后，您需要单击“发布”按钮以保存更改并使页面生效。

我们的 WordPress 联系页面和地图页面示例向您展示了如何使用联系表格 7 插件和我们的主题联系模板创建联系表格 7 页面。 首先，您必须首先在您的 WordPress 网站上安装并激活 Contact Form 7 插件。 如何在 Google 地图上获取地图嵌入 iframe 的嵌入代码？ 使用我们的 WordPress 主题，您可以创建联络中心和地图。 世界上没有比 Visualmodo 更好的客户服务公司了。 如果您想查看您的纬度/重力并将您的地址转换为 LDA，请访问 http://www.latlong.net/convert-address-to-LDA/。 还必须创建 Google Maps API 密钥才能输入您的联系人地图选项。

添加地图标记

单击“添加新标记”按钮后，您将能够添加地图标记。 要发布，您必须首先为您的标记提供一个名称。 现在您可以开始将内容添加到标记。 您必须首先单击“添加内容”按钮来添加标记的内容。 为标记提供内容后，您可以发布它。 创建标记的内容后，您将能够添加地图数据。 必须先单击“添加地图数据”按钮，然后才能添加地图数据。 然后，通过单击发布，您可以为标记提供地图数据。 为标记添加地图数据后，您现在可以为其添加地图图像。 您必须首先单击“添加图像”按钮为标记添加地图图像。 然后，为了发布标记，您必须提供地图图像。 当您为标记添加地图图层时，它会出现，就像地图图像一样。 必须先按下“添加图层”按钮，然后才能为标记添加地图图层。 然后，要发布标记，您必须提供地图图层。 现在您已经添加了地图图层，是时候应用地图标记了。

如何在 WordPress 联系页面中添加地图

将地图添加到 WordPress 联系页面是向访问者展示您的企业所在位置的好方法。 有几种不同的方法可以将地图添加到您的联系页面，您选择的方法取决于您要使用的地图类型以及您希望对地图外观的控制程度。 如果您只想添加基本地图以向访问者显示您的位置，则可以使用 WordPress 核心中包含的 Google 地图小部件。

使用 WordPress 插件，您可以将地图（例如 Google 地图）添加到您的联系表单中。 地图可以让用户更轻松地找到自己的方式并为您生成更多潜在客户。 使用 WordPress 插件，您可以在这个简单的分步过程中将联系表格地图添加到您的网站。 WPForms 用户可以拍照并使用 Google Maps 或 Mapbox。 通过取消选中当前位置复选框，您可以使用用户的位置预先填写表单。 您必须输入地址字段或输入单行文本字段才能在表单中使用显示地图选项。 第五步是在您的联系表单中添加一个单行文本字段。

在第 6 步中找到并发布您的联系表单。您可以使用 WPForms Pro 插件轻松地将表单嵌入您的网站。 第七步是通过点击右上角的保存按钮来保存您的表单。 您可以使用 WordPress 插件创建自己的联系表格地图。 立即获取 WPForms Pro 以访问地理定位插件，它允许您使用这些令人惊叹的地图。 您还可以访问各种其他有用的功能，以及访问各种其他网站。 如何将您的徽标或图像添加到在线表单？ 您可以按照我们的说明学习如何将图片添加到 WordPress 表单。

如何在 WordPress 上编辑您的联系我们页面

在“联系我们”页面上，您会在顶部看到几个选项卡。 第一个选项卡“常规”包含有关您的联系页面的信息，例如标题、描述以及指向社交媒体资料和您网站主页的链接。 还有第二个选项卡，您可以在其中输入您的电子邮件地址。 您可以在下面的字段中输入任意数量的电子邮件地址，WordPress 将发送相应的电子邮件通知。 如果您希望 WordPress 在有人回复之前的电子邮件时发送通知，您可以在 WordPress 设置中指定此选项。 电话号码出现在第三个选项卡中。 在此字段中，您可以输入任意数量的电话号码，WordPress 将在生成电话通知后立即向您发送相应的电话通知。 第四个选项卡包含您的地址。 您可以输入您的完整地址，以及您居住的城市或州。您在第五个选项卡中有一个网站。 您可以输入您网站的 URL，如果您愿意，还可以输入域名。 第六个标签包含您的传记。 请提供您的简要描述，例如您的姓名（如果有的话）。 第七个选项卡包含指向社交媒体页面的链接。 您可以将所有社交媒体链接直接输入 WordPress 字段，也可以选择让 WordPress 为您添加它们。 此选项卡显示您网站的图像。 如果您愿意，WordPress 可以使用您网站上的图片，或者您可以上传图片。 您还可以通过单击第九个选项卡为您的电子邮件添加签名。 您可以在此字段中输入您的电子邮件签名或让 WordPress 为您完成。 最后一个选项卡是您可以找到服务协议的地方。 您可以选择让 WordPress 将此选项卡的文本添加到您的浏览器，或者输入您自己的。
完成“联系我们”页面的编辑后，单击底部的“保存更改”按钮。

如何在 WordPress 页脚中添加谷歌地图

要将 Google 地图中的数据添加到您的站点，请转到您站点的管理员帐户，输入Google 地图代码，然后单击添加数据。 确保您正在使用定制器并选择页脚小部件区域 1。您将能够随时使用页脚小部件区域二或页脚小部件区域三。

Argent Theme 是我为客户开发的新网站所使用的主题。 如何将我的公司地址包含在可嵌入的 Google 地图中？ 我怎样才能做到这一点？ 在 Argent 演示中，如何正确设置社交图标？ HTML和Fontawesome有效吗？ 如果您使用像 GoDaddy 这样的公司来托管您的网站，您可以添加一系列可以集成到网站中的有用功能。 在谷歌地图的页脚小部件区域中，您应该能够添加代码。 使用 Jetpack 的社交图标小部件，配置了演示站点的社交图标。