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-点击启用（右上角），

6点击凭据，点击修改密钥

7-＆＃34;关键限制＆＃34;选择＆＃34; HTTP推荐人（网站）＆＃34;

8-然后在文本框字段中键入您的网站地址或＆＃34; localhost＆＃34;（在localhost中进行测试）并输入添加到列表，（添加＆＃34; localhost＆＃34;，＆＃34; 127.0.0.1＆＃34;，＆＃34; localhost：port＆＃34;等等）

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

Answer 2

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

<\ n>在凭据页面中：

选择带IP地址的选项（选项编号3）。
从您的提供商处提交您的IP地址。如果您不这样做，请使用以下链接搜索您的IP地址：http://www.myipaddress.com/show-my-ip-address/
保存。
在脚本标记之间更改您的Google地图链接：

https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzxxxxxxxx“
等待大约5分钟或更长时间让您的API密钥传播。

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

Answer 3

您可以按照tutorial关于如何使用Google地图在localhost上进行测试。

点击此链接并按照流程（创建新项目，API密钥＆gt;浏览器密钥，注册'localhost'域名）：https://console.developers.google.com//flows/enableapi?apiid=maps_backend&keyType=CLIENT_SIDE&reusekey=true

生成密钥

按照此处所述部署Google地图窗口小部件：http://www2.microstrategy.com/producthelp/10/GISHelp/Lang_1033/GIS_Integration.htm

将您的Google Maps API密钥添加到googleConfig.xml（如上一个链接所示）      ENTER_YOUR_KEY_HERE

重新启动Web服务器

检查这些相关的SO线程：

希望这有帮助！

Answer 4

如果您正在使用localhost，请为您的开发创建一个单独的APIkey，然后删除对该键的限制，以便您的localhost可以使用它。请记住，不要在生产中使用此密钥，这样您就不会在线向猎人公开密钥。

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

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

Answer 5

如果“接受来自这些HTTP引荐者（网站）的请求（可选）”，则不需要列出任何引荐来源。因此，请单击此页面上localhost旁边的X，但继续使用您的密钥。

几分钟后应该可以使用。

所做的更改有时需要几分钟才能生效，所以请等待几分钟再重新测试。

Answer 6

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

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

MissingKeyMapError＆gt;＆gt; Get Google Maps API Key（但也考虑替代方案2）
RefererNotAllowedMapError＆gt;＆gt;在google developer dashboard。

localhost：port

ApiNotActivatedMapError＆gt;＆gt;在Google API Library page
InvalidKeyMapError＆gt;＆gt;正确添加key到您的脚本/代码

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

如果还有其他错误，您可以查看Google Maps API Error Codes Documentation页面。

Answer 7

猜猜我参加聚会有点晚了，尽管我同意为开发（本地主机）和产品创建单独的密钥，但是可以只用一个密钥完成这两个任务。

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

但是使用通配符，例如 .localhost / 或 .localhost：{端口}。 （当已经拥有 .yourwebsite.com / * 时）似乎不起作用。

仅需输入一个*即可，但这基本上为您提供了无限键，这也不是您想要的。

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

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

使用相同的API密钥，使Google地图在www.yourwebsite.com上都可以在本地使用。

无论如何，当有两个单独的键时，我也建议这样做。

Answer 8

在Google搜索中键入“我的IP”，我得到了我的公共IP地址，并将其粘贴到IP地址中（第三个选项）。它对我有用。

Answer 9

在Google搜索中键入“我的IP”，我得到了我的公共IP地址，并将其粘贴到IP地址中（第三个选项）。它对我有用。

Answer 10

我用的时候没用

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

但是，删除 http 对我有用。我只是添加了 localhost:8000 而不用 http 前缀。

Localhost的Googlemaps API密钥

10 个答案: