需要弄清楚如何添加 谷歌 使用 JetElements 映射到 WordPress?

您可以使用很多插件来添加 谷歌 映射到您的 现场网络 WordPress的。 JetElements 是一个。 JetElements 是一个附加组件 Elementor 由 Crocoblock 开发的优质产品。 它为您添加了几个额外的小部件 Elementor,包括高级地图,您可以使用它轻松添加 谷歌 映射到您的 WordPress 网站。

您可以选择 10 种地图样式。 您还可以添加多个引脚。

在本文中,我们将向您展示如何使用小部件 高级地图 将 Google 地图添加到您的 现场网络 WordPress的。

在开始之前,请确保您已安装 Elementor 以及 WordPress 上的 JetEements。 您可以使用免费版本Elementor 使用 JetElements。 而对于 JetElements,您必须在其上获取它 官方网站 19 美元。

第 1 步:获取 Google 地图 API 密钥

在您将 Google 地图添加到您的 网站Web 使用 JetElements,您需要获取 API 密钥才能将 JetElements 与 Google 地图集成。 您可以通过 Google API 控制台获取 API。 所以,访问 谷歌 API 控制台 并使用您的 Google 帐户登录。

登录后,通过单击顶部的下拉菜单创建一个新项目,然后单击 新项目.

为您的项目命名,然后单击按钮 CREATE.

从下拉菜单中选择您的新项目,然后单击 图书馆 在左侧面板上。

使用 JetElements 将 Google 地图添加到 WordPress

JetElements 不提供有关使小部件工作所需的 API 的任何详细信息。 高级地图. 根据我们的经验,您至少应该启用以下 API:

  • 地理编码API
  • 地图 JavaScript API

Google 自己将 Google Maps API 分为 17 种。 您可以通过单击查看它们 显示所有 在节 菜单图.

要激活 API,请选择您要激活的 API(通过单击它)并单击按钮 启用.

完成启用所需的 API 后,返回到 Google API 控制台的主仪表板并单击 标识符 在左侧面板上。 点击按钮 创建凭据 并选择 API密钥. 在出现的弹出窗口中复制 API 密钥。

接下来,登录到您的 WordPress 仪表板并转到菜单 JetPlugins -> JetElements 个人设置.

使用 JetElements 将 Google 地图添加到 WordPress

打开选项卡 集成 并将刚刚复制的 API 密钥粘贴到字段中 谷歌地图 API 密钥。

开始添加地图

一旦集成了 JetElements 和 Google Maps,您就可以开始添加地图了。 为此,请打开要在 Elementor 中添加地图的页面。 在 Elementor 编辑器上,将高级地图小部件拖到编辑区域中。

使用 JetElements 将 Google 地图添加到 WordPress

您可以转到左侧面板来操作地图上的某些设置。 您可以从该部分进行设置 地图设置.

要更改地图样式,您可以打开该部分 地图样式.

使用 JetElements 将 Google 地图添加到 WordPress

将您的位置添加到地图

默认情况下,pin 地址设置为英国伦敦伦敦眼。 您可以对其进行编辑以添加您的营业地点。

为此,请打开该部分 并单击现有的引脚地址。 在字段中粘贴您的公司地址 引脚地址 并修改字段中的描述 引脚说明.

使用 JetElements 将 Google 地图添加到 WordPress

为了使您刚刚设置的图钉地址在地图上可见,您需要设置地图的中心。 例如,如果您的营业地点在巴黎,您可以将地图的中心设置为巴黎。

要定义地图的中心,请打开该部分  地图设置 再次输入您首选的地图中心(城市名称)。

使用 JetElements 将 Google 地图添加到 WordPress

雷马克: 如果您在添加卡时看到“仅用于开发目的”消息,请务必启用您的 Google Cloud 计费。 新的 Google 政策要求开发者激活计费帐户(您仍然可以免费使用 Google Maps API)。

立即获取 Elementor Pro !!!

结论

所以 ! 这就是本文的全部内容,它向您展示了如何使用 JetElements 将 Google 地图添加到 WordPress。 如果您对如何到达那里有任何疑问,请在 评论.

但是,您也可以咨询 我们的资源,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建 或者那个 Divi:有史以来最好的WordPress主题.

但与此同时, 在您不同的社交网络上分享此文章.

...