谷歌地图 API 本地主机密钥

如何让 GoogleMaps API 密钥在本地主机上工作？

I've created an API key and under referrers I add the following:

Accept requests from these HTTP referrers (websites) (Optional)


Use asterisks for wildcards. If you leave this blank, requests will be
accepted from any referrer. Be sure to add referrers before using this key
in production.


localhost

这不起作用，如果我排除 API 键，它也不起作用。

182385 次浏览
小开

Where it says "Accept requests from these HTTP referrers (websites) (Optional)" you don't need to have any referrer listed. So click the X beside localhost on this page but continue to use your key.

几分钟后应该就可以了。

所做的更改有时需要几分钟才能生效，所以在再次测试之前等待几分钟。

小开

您可以按照这个 教程了解如何使用 GoogleMaps 在 localhost 上进行测试。

检查这些相关的 SO 线程:

希望这个能帮上忙！

小开

你可以走这条路，至少对我有用:

在证书页:

  1. 选择带有 IP 地址的选项(选项3)。

  2. 把你的 IP 地址从你的供应商。如果您不这样做，搜索您的 IP 地址使用这个链接: https://www.google.com/search?q=my+ip

  3. 省省吧。

  4. 改变你的谷歌地图链接如下之间的脚本标签:

    https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx"

  5. 等待大约5分钟或更长时间，让您的 API 密钥传播。

Now your google map should works.

小开
最佳答案
  1. 去这个地址: https://console.developers.google.com/apis
  2. 创建新项目和创建凭据(API 键)
  3. Click on "Library"
  4. 点击任何你想要的 API
  5. Click on "Enable"
  6. 点击“证书”> “编辑密钥”
  7. 在「应用程式限制」下，选择「 HTTP 参考(网站)」
  8. 在「网站限制」下按「添加项目」
  9. 在文本字段中键入您的网站地址(或者“ localhost”，“127.0.0.1”，“ localhost: port”等用于本地测试) ，然后按 ENTER将其添加到列表中
  10. 在项目中保存和使用密钥
小开

您必须检查 javascript 控制台中的特定错误(例如，Firefox for Windows 中的 Ctrl + Shift + K)。

根据 Steven Gliebe (2016)，这个问题有四种常见的情况。如果我可以总结一下，这样:

  1. MissingKeyMapError > > 获取谷歌地图 API 密钥(但也要考虑备选方案2)
  2. 在 谷歌开发者仪表板中注册你的 Localhost: port。
  3. 在 谷歌 API 库页面中启用谷歌地图 API
  4. 正确地将 钥匙添加到脚本/代码中

在做了一些代码修改之后，请根据需要清除浏览器缓存。

如果还有其他错误，可以查看 GoogleMaps 的 API 错误代码文档页面。

小开

如果您正在使用 localhost，那么为您的开发创建一个单独的 APIkey，然后移除对该键的限制，以便您的 localhost 可以使用它。记住不要在生产环境中使用这个密钥，这样就不会在网上将密钥暴露给猎人。

我也遇到了同样的问题，所有试图在本地主机环境中使用限制的尝试都不成功，直到我专门为开发创建了一个单独的 apikey，然后取消了它的限制。但是我不会在生产环境中使用这个密钥，一旦完成开发，我会立即删除这个 API 密钥。

我知道这篇文章已经很晚了，但是对于那些将来可能会面临这个问题的人来说，这是最好的方法。

小开

我想我来得有点晚了，虽然我同意创建一个单独的密钥用于开发(localhost)和产品，但是只用一个密钥就可以完成这两件事。

当您使用应用程序限制-> http 参考-> 网站限制，您可以输入通配符网址。

然而，使用通配符如 本地主机或 . localhost: { port } . < em > (当已经有 Yourwebsite.com/ * 时)似乎不起作用。

只放一个 * 确实有用，但这基本上给了你一个无限制的密钥，这也不是你想要的。

如果不使用通配符 * 而包含完整路径，那么它也可以工作，所以在我的例子中放置:

Http://localhost { port }/
Http://localhost : { port }/something-else/here

使用相同的 API 键，谷歌地图可以像在 www.yourwebsite.com 上一样在本地工作。

Anyway when having 2 seperate keys is also an option I would advise to do that.

小开

在谷歌搜索中输入“我的 IP”，我得到了我的公共 IP 地址，并将其粘贴到 IP 地址(第三个选项)。对我有用。

小开

我吸毒的时候没用

http://localhost{port}/
http://localhost:{port}/something-else/here

然而，删除 http 为我做了技巧。我只是增加了 localhost:8000没有前缀的 http。

小开

去这个地址: https://console.developers.google.com/apis

Create new project and Create Credentials (API key) 点击“图书馆” Click on any API that you want Click on "Enable" 点击“证书”> “编辑密钥” 在「应用程式限制」下，选择「 HTTP 参考(网站)」 在「网站限制」下按「添加项目」

Add * and hit an enter 在项目中保存和使用密钥


提交答案