使Google API密钥与localhost的请求一起使用

时间:2017-06-28 22:55:58

标签: google-maps-api-3

我正在使用在localhost:8759上运行的服务器运行我正在处理的网站的副本。该网站使用Google's address autocomplete capability。我在页面底部有一个脚本元素,其网址为https://maps.googleapis.com/maps/api/js?key=XXXXXX&libraries=places,其中有一个实际的API密钥代替XXXXXX。 API密钥受到限制,因此只能在我们的生产和测试服务器中使用。

我希望它能在localhost上工作。最初,我尝试在localhost上运行网站,自动完成功能无效。我在控制台上看到一条错误Google Maps API error: RefererNotAllowedMapError

我转到Google's Developer Console,将localhost:8759/*添加到引荐人列表中,并按照Google的建议等待超过5分钟。自动完成功能仍然无法正常工作。我看到一个错误This API project is not authorized to use this API. Please ensure this API is activated in the Google Developers Console

我尝试添加没有限制的密钥并使用它。自动填充仍然无法正常工作。我收到的错误就像上一段中提到的那样。

当自动完成位于来自我们的测试服务器(在引用列表中具有IP地址)或生产(在引用列表中具有域)的页面上时,自动完成工作正常,但我可以'使它适用于localhost。

我怎样才能让它发挥作用?

1 个答案:

答案 0 :(得分:0)

根据我的经验,省略斜杠和协议,但包括端口似乎工作: 例如: localhost:5000 localhost:8759