谷歌地图JavaScript API RefererNotAllowedMapError

160

我们正在为客户开发一个地理定位应用程序,我们希望先在自己的域中进行测试。

我们已经注册了Google Maps JavaScript API,并且拥有有效的浏览器密钥,我们的域名www.grupocamaleon.com已被授权使用该密钥。

但是,我们甚至无法使最简单的示例运行而不出错。

在我们的域和密钥中,我们有以下演示:

(1) http://www.grupocamaleon.com/boceto/aerial-simple.html

但它没有工作,Firebug控制台显示:

"Google Maps API错误:Google Maps API错误:RefererNotAllowedMapError(链接到Google关于RefererNotAllowedMapError的文档)要授权的站点URL:(1)"

我的凭据页面缺少添加可接受引用程序的选项,因此目前无法使用涉及添加引用程序的解决方案。

我的凭据页面:

enter image description here

为什么会出现这个错误?我们该如何修复它?

可能是Google地图API引用程序不允许的重复问题。您的代码对我有效(使用我的密钥),因此您的密钥、允许的引用程序或启用与其一起使用的服务存在问题。 - geocodezip
但是在我的凭据页面中没有这样的可能性,正如您在我的答案中所看到的。有什么提示吗? - Grupo Camaleón Creativos
嗯,我是个新手,还不知道如何正确使用这个网站。对于造成的不便,我感到抱歉。我已经编辑了我的问题,在我的凭证页面上添加了信息。一些提到的解决方案涉及添加引用者,但我目前无法做到。 - Grupo Camaleón Creativos
如果您无法更改密钥的引用者,请将其删除或替换为您可控制的引用者。密钥不是必需的,但包含一个密钥会带来一些好处。 - geocodezip
1
我创建了一个没有应用程序或API限制的新密钥,它在10分钟内显示为expiredKey,然后开始工作。接下来,我尝试添加仅Places API,但它是从Web调用的,并显示:Google Maps JavaScript API error: RefererNotAllowedMapError,即使等待后仍然如此。然后我尝试使用Maps JavaScript API,它一直显示RefererNotAllowedMapError,尝试刷新页面,经过2分40秒后终于开始工作。所以要小心。但是,对我来说,没有任何东西可以工作,只有Maps JavaScript API可以。你只需要等待很长时间。 - psycho brm
显示剩余3条评论
32个回答

0

请检查您网站上的声明。要加载Google Maps JavaScript API,请使用类似于此的脚本标记

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
async defer></script>

我在我的WordPress网站的function.php文件中使用了这个声明。

wp_enqueue_script("google-maps-v3", "//maps.google.com/maps/api/js?key=YOUR_API_KEY", false, array(), false, true);

我已经按照这个格式设置了API密钥,它可以正常工作。

http://my-domain-name(without www).com/*

这个声明不起作用

*.my-domain-name.com/*

0

这对我有用。在API密钥设置下,有两个主要的限制类别:

  • 应用程序限制
  • API限制

应用程序限制:

在引荐者部分底部添加您的网站URL "http://www.grupocamaleon.com/boceto/aerial-simple.html"。该部分右侧有基于各种要求的示例规则。

Application restrictions

API限制:

在API限制下,您必须从下拉列表中明确选择'Maps Javascript API',因为我们的唯一密钥仅用于调用Google地图API(可能),并将其保存,如下面的快照所示。我希望这对您有用......对我有用

enter image description here

检查您的脚本:

问题可能是由于脚本标记内键入不当的键导致的。 应该像这样:

  <script async defer src="https://maps.googleapis.com/maps/api/jskey=YOUR_API_KEY&callback=initMap"
  type="text/javascript"></script>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接