适用于浏览器的Google API密钥。引荐人设置时的问题

Question

我在Google控制台中生成了浏览器API密钥并设置了引荐来源：

然后我转到http://afriflirt.com，在浏览器中打开JS控制台并运行此代码（＆＃34; Google Maps Geocoding API＆＃34;在设置中为此api密钥启用）：

var apiKey = 'AIzaSyAGpR-mG46fDbmWjJwkZZHft_xvZ_dM3cA';
$.getJSON(
    'https://maps.googleapis.com/maps/api/geocode/json?address=12345&key=' + apiKey,
    function(resp) {alert(JSON.stringify(resp));}
);

作为回应，我看到了这条消息：

  

此IP，网站或移动应用程序无权使用此API   键。从IP地址113.180.75.109收到的请求，带有引用：   http://afriflirt.com/

如果我删除引荐来源 - API密钥开始工作，但这不安全。 所以只有在我设置引荐来时才会出现问题。尝试了不同格式的引用模式，但没有任何效果。还试着等待一段时间（正如我所看到的那样＃34;设置可能需要5分钟才能生效＆＃34;），但它也没有帮助。

如果您有任何解决方法，请与我们联系。

Answer 1

根据documentation，您需要一个用于地理编码Web服务的服务器密钥。

创建一个服务器密钥，为IP地址启用它：113.180.75.109，这应该适用于您的示例（但不建议使用来自javascript的服务器密钥，使用浏览器密钥和Google Maps Javascript API v3 Geocoding Service）。