javascript - 浏览器的 Google API key 。设置引荐来源网址时出现的问题

Question

我在 Google Console 中生成了浏览器 API key 并设置了引荐来源网址:

然后我转到http://afriflirt.com ，在浏览器中打开 JS 控制台并运行此代码(在设置中为此 api 键启用“Google Maps Geocoding 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));}
);

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

This IP, site or mobile application is not authorized to use this API key. Request received from IP address 113.180.75.109, with referer: http://afriflirt.com/

如果我删除引荐来源网址 - API key 开始工作，但这并不安全。所以只有当我设置引荐来源网址时才会出现问题。尝试了不同格式的引用模式，但没有任何效果。也尝试过等待一段时间(正如我看到的“设置可能需要长达 5 分钟才能生效”)，但也没有帮助。

如果您有任何解决此问题的想法，请告诉我。

Answer 1

根据documentation ，您需要地理编码 Web 服务的服务器 key 。

创建一个服务器 key ，为 IP 地址启用它:113.180.75.109，这应该可以在您的示例中使用(但不建议使用类似 javascript 的服务器 key ，请使用浏览器 key 和 Google Maps Javascript API v3 Geocoding Service )。