WordPress嵌入谷歌地图实用指南:插件与API密钥全解析
正在寻找将WordPress网站与谷歌地图无缝集成的最佳方案?与WordPress平台上的许多功能类似,嵌入谷歌地图的方式多种多样,具体取决于您所需的地图内容类型。本文将为您提供全面的指南,从零基础讲解如何在WordPress中嵌入谷歌地图,无需依赖任何插件。接着,我们将深入探讨各类谷歌地图插件的特性与优势,并详细解析当前谷歌地图API的使用要求。最后,我们将分享优化谷歌地图性能的实用技巧,帮助您在保持网站高速运行的同时,实现专业的地图展示效果。您可以直接跳转到感兴趣的部分,或通篇阅读以获取完整信息。
现在需要Google Maps API
自2018年6月11日起,谷歌地图正式要求所有网站使用API密钥进行访问。如果您发现已实施的谷歌地图功能突然失效,很可能是因为缺少有效的API密钥。值得庆幸的是,对于绝大多数用户而言,这项服务仍然是免费的。谷歌每月为您的结算账户提供200美元的信用额度,足以覆盖日常使用需求。以下是谷歌地图API的详细定价说明。
谷歌地图API定价
谷歌每月为您的结算账户提供200美元的经常性信用额度,以抵消您的使用成本。因此,除非您生成数千个请求,否则在您的网站上使用谷歌地图不会产生任何费用。除了费用调整外,使用谷歌地图的基本流程没有变化。如果您想在WordPress中使用谷歌地图,您需要完成以下步骤:
1. 注册一个Google Cloud Platform Console帐户并进行配置。
2. 添加您的结算信息,即使您可能永远不会被收费。
3. 将API密钥添加到您的谷歌地图嵌入代码或插件设置中。
如何获取Google Maps API密钥
以下是获取谷歌地图API密钥的详细步骤:
第1步:访问谷歌云平台控制台。如果您还没有帐户,请创建一个,它是完全免费的。
第2步:选择或创建一个项目。
第3步:设置您的结算帐户。即使他们会要求您将信用卡存档,但绝不应该向您收费,除非您确实超出了高使用限制。
第4步:选择一种或多种产品。这取决于您使用的地图类型。例如,如果您在没有插件的情况下在WordPress网站上嵌入地图,那么您将选择Google Maps Embed API。如果您使用的是Google Maps Widget之类的插件,那么您将选择Google Maps Static API。如果您使用第三方插件或主题,他们应该有关于他们使用哪种类型的谷歌地图部署的文档。不用担心,您始终可以添加多种类型并在以后更改它们。
第5步:点击“ENABLE”启用谷歌地图API。
第6步:单击“API”,然后在“Credebtials”下,您将看到您的API密钥。
第7步:如果您只是嵌入您的谷歌地图API密钥,它将以纯文本形式显示在您的源代码中。因此,您应该限制这一点,否则,人们可能会在他们的WordPress网站或项目上使用您的API密钥并积累您的使用量。为此,只需单击您的API密钥名称,即可添加限制。对于您的WordPress网站,只需添加一个HTTP引荐来源网址就足够了,比如https://yourdomain.com/*。这将允许它只在您的网站上拨打电话。
谷歌地图嵌入API
谷歌地图嵌入API适用于需要交互式地图功能的场景,例如自定义位置标记、路线规划等。如果您使用的是Google Maps Widget之类的插件,那么您将选择Google Maps Static API,它更适合静态地图展示。
谷歌地图API密钥限制
通过添加HTTP引荐来源网址,您可以确保API密钥仅在您的网站上使用,避免不必要的流量消耗。
如何在没有插件的情况下在WordPress中添加谷歌地图
如果您只想嵌入简单的地图,并且不需要自定义位置标记或其他注释等更详细的功能,则可以使用您每天使用的普通Google地图网站嵌入谷歌地图而无需插件。以下是具体步骤:
第1步:复制谷歌地图嵌入代码
要开始使用,请使用谷歌地图网站创建您想要嵌入的地图。例如,如果您想嵌入地点标记,请在谷歌地图中打开该地点。或者,如果您想嵌入路线,请在谷歌地图中打开路线。获得要嵌入的地图后,单击左上角的汉堡菜单:
如何访问嵌入代码
在菜单项列表中,选择Share or embed选项:
打开嵌入选项
这将打开一个Share弹出窗口。在该弹出窗口中,单击Embed a map选项卡。然后,您可以使用下拉菜单选择所需的尺寸。对于大多数WordPress网站,默认大小效果很好,但如果需要,您可以将地图放大或缩小。完成后,单击Copy HTML按钮复制嵌入代码:
谷歌地图嵌入代码
然后,您需要将API密钥添加到代码中。所以您的代码应该是这样的: