Localhost的Googlemaps API密钥

Question

如何获取googlemaps api密钥才能在localhost上运行？

我已经创建了一个API密钥,在参考文献中我添加了以下内容:

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键它也不起作用？

Answer 1

1-首先访问此地址:https: //console.developers.google.com/apis

2-为您的项目创建一个api密钥,

3-点击图书馆和

4-点击你想要的任何api,

5-单击Enable(右上角),

6-单击"凭据",单击"编辑"键

7-在"密钥限制"中选择"HTTP引用(网站)"

8-然后在文本框字段中键入您的网站地址或"localhost"(在localhost中进行测试)并输入添加到列表,(添加"localhost","127.0.0.1","localhost:port"等)

9-然后在你的项目中使用密钥..

Answer 2

如果您在 localhost 上工作，请为您的开发创建一个单独的 APIkey，然后删除对该密钥的限制，以便您的 localhost 可以使用它。请记住不要在生产中使用此密钥，因此您不会将您的密钥暴露给在线猎人。

我遇到了同样的问题，在我创建了一个专门用于开发的单独 apikey 然后删除了它的限制之前，所有在我的 localhost 环境中设置限制的尝试都没有成功。但是我不会在生产环境中使用该密钥，一旦开发完成，我将立即删除 API 密钥。

我知道这篇文章来晚了，但对于将来可能会遇到这个问题的人来说，这是最好的选择。

Answer 3

你可以按照这种方式.它至少对我有用:

在凭据页面中:

1. 选择带IP地址的选项(选项编号3).

2. 提交您的提供商的IP地址.如果您不这样做,请使用以下链接搜索您的IP地址:http://www.myipaddress.com/show-my-ip-address/

3. 保存.

4. 更改您的Google地图链接,如下所示:

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

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

现在你的谷歌地图应该有效.

Answer 4

猜猜我参加聚会有点晚了，虽然我同意为开发（本地主机）和产品创建一个单独的密钥，但可以只用 1 个密钥来完成。

当您使用应用程序限制 -> http 引用 -> 网站限制时，您可以输入通配符 url。

但是使用像.localhost /这样的通配符 或者 .localhost:{端口}。 （当已经有了 .yourwebsite.com/* ) 似乎不起作用。

只需放置一个 * 就可以了，但这基本上为您提供了一个无限的密钥，这也不是您想要的。

当您在不使用通配符 * 的情况下包含完整路径时，它也可以使用，因此在我的情况下：

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

使用相同的 API 密钥使 Google 地图在本地和 www.yourwebsite.com 上都能正常工作。

无论如何，当有 2 个单独的键也是一种选择时，我建议这样做。

Answer 5

我用的时候没效果

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

然而，删除 http 对我来说成功了。我刚刚添加时localhost:8000没有添加 http 前缀。