时间戳

首页 > 解决方案 > 谷歌地图错误：此页面没有正确加载谷歌地图。有关技术细节，请参阅 JavaScript 控制台

javascript - 谷歌地图错误：此页面没有正确加载谷歌地图。有关技术细节，请参阅 JavaScript 控制台

问题描述

我正在使用 cordova 开发一个 android 应用程序，我面临一个关于 google maps javascript api 的问题。

我们有一个购买的 API 并以以下格式包含它..

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&client=<?php echo MAP_CLIENT; ?>&signature=<?php echo MAP_SIGNATURE; ?>"></script>

使用此特定脚本在 Web 浏览器中工作得非常好，但显示如下错误。

哎呀！出问题了。此页面未正确加载 Google 地图。有关技术细节，请参阅 JavaScript 控制台

标签： javascriptgoogle-mapscordova

解决方案

当您使用带client参数的 Premium 计划时，您应该授权您从 Google 云支持门户中加载 API 的 URL。

为防止第三方在他们自己的网站上使用您的客户端 ID，您的客户端 ID 的使用仅限于您特别授权的 URL 列表。

要查看您已授权的 URL 或授权其他 URL：

  • 登录到 Google Cloud 支持门户。
  • 在左侧菜单中，单击地图：管理客户 ID。

您一次最多可以添加 100 个 URL。一个客户 ID 最多可以与 3000 个授权 URL 相关联。如果您希望您的应用程序托管来自 3000 多个位置的 Google 地图内容，则应改用 API 密钥。

来源：https ://developers.google.com/maps/documentation/javascript/get-api-key#registering-authorized-urls

为了弄清楚您应该授权的 URL 是什么，请检查window.location.href您的混合应用程序中的值。此值应添加到授权 URL 列表中。

另请注意，Maps JavaScript API 没有签名参数。您必须删除它，特别是如果您在那里公开您的加密密钥，该密钥必须是私有的。

我希望这有帮助！

推荐阅读