如何修复“此页面无法正确加载谷歌地图”错误

Posted 2023-02-23

【中文标题】如何修复“此页面无法正确加载谷歌地图”错误

【英文标题】：How to fix "this page can't load google maps correctly" error

【发布时间】：2018-11-06 17:48:00

【问题描述】：

我已经运行了一个可能已有 10 年历史的网站，上面有一张带有自定义点的地图。最近我注意到这张地图上写着“仅用于开发目的”并且有一个错误警报：“此页面无法正确加载 Google 地图”并显示“您是该网站的所有者吗？”

我完成了设置结算的过程并生成了一个 API 密钥。但是，当我将该密钥插入现有代码中有 API 密钥的唯一位置时，它会失败并显示“糟糕！出了点问题。 此页面未正确加载 Google 地图。有关技术详情，请参阅 javascript 控制台。”

这是代码差异：

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAYuhugTQ8HWA2RX4tkBQyIbvbe-f2nKDf2uCI5Rwpq3vfPBRkDwxy87YO1o-kJbvMl8dG_FNpRQ" type="text/javascript">

还有新版本：

<script src="http://maps.google.com/maps?file=api&v=2&key=AIzaSyDLRgUHjuLTn7s629OxjVujuHOROcvB8" type="text/javascript">

在谷歌搜索后，我发现了一些不同的语法，并认为这可能是问题所在，所以我尝试了一下。它也失败了：

<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDLRgUHjuLTn7s629OxjVujuHOROcvB8" type="text/javascript">

（注意，我已经更改了这些密钥，它们不是我的密钥。）

我希望新的 API 密钥能够简单地插入现有代码并工作，因为我什至不知道从哪里开始完整的代码。有谁知道这是否有任何明显的错误？我错过了一些明显的东西吗？

我知道我没有包含代码的页面和页面，但那是因为我的印象是一个 api-key 使用一次，代码应该可以工作，无论它是 key A 还是 key B，只要 key 是正确的。

我的钥匙可能不是用于谷歌地图而是其他一些钥匙？是否有一些额外的“开关”可以打开以使其正常工作？

任何帮助将不胜感激。先感谢您。

【问题讨论】：

仅供参考（可能不是问题），您正在使用已弃用并关闭的 Google Maps Javascript API v2，该版本在多年前已关闭，已替换为 v3 的包装器。如果它是您关心或正在开发的地图，您真的应该将其移植到 v3。

您可能需要对该地图使用 v2 密钥。

【参考方案1】：

在发布后的一个小时左右，我相信我已经回答了我自己的问题：在制作 API 密钥之后，还有一个额外的步骤，可能对任何程序员来说都是显而易见的，但当时对我来说不是......你必须“启用”用于您网站的 API。

我在这里做的：https://console.developers.google.com