Google Maps Geocoding API“此服务需要 API 密钥”

Question

我正在尝试使用 Google 地理编码 API。但是，即使在提到 API 密钥之后，我也会收到以下错误 此服务需要 API 密钥。有关身份验证和 Google Maps JavaScript API 的更多信息

以下是我的带有 API 密钥的 HTML 条目：

<script src="//maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyAa7LqHyZpHtQBGR6415pYu1FnwWQBPcnY" type="text/javascript"></script>

这是我得到 REQEST_DENIED 的 angularjs 代码

    function geocode(dataset){
var coords = [];
var address = dataset.address;
var geocoder = new google.maps.Geocoder();
var defer = $q.defer();
geocoder.geocode({'address': address}, function( results, status ) {
        if (status === google.maps.GeocoderStatus.OK) {
            coords[0] = results[0].geometry.location.lat();
            coords[1] = results[0].geometry.location.lng();
            dataset["coordinates"]=results[0].geometry.location;
            defer.resolve(dataset);
        }
        else {
            coords = 'Could not retrieve coordinates for: ' + address;
            defer.reject();
        }
    });
return defer.promise;
}

我有什么遗漏吗？ 谢谢。

Answer 1

因此，根据上面的 cmets，当我从 @FadiAboMsalam 执行 fiddle 后检查网络层时，我可以看到 API 密钥被发送到我的请求中缺少的请求 URL。 我不确定为什么 geocoder.geocode(....) 没有在我的请求中发送 api ley。我更改此代码以发送 $http 请求，它给出了正确的响应。这是更新的代码：

  function geocode(dataset){
    var coords = [];
    var address = dataset.address;
    var geocoder = new google.maps.Geocoder();
    var defer = $q.defer();


 $http.get('https://maps.googleapis.com/maps/api/geocode/json?address=' + 
            address + '&key=xxxxxxxx')
    .then(function(results){
     if (results.status === 200) {
        var data = results.data.results;
            dataset["coordinates"]=data[0].geometry.location;
            defer.resolve(dataset);
         }
         else {
             coords = 'Could not retrieve coordinates for: ' + address;
             defer.reject();
         }
     },
     function error(_error){
        defer.reject();
     });

    return defer.promise;
}

感谢 @PaulThomasGC 和 @FadiAboMsalam 提供有用的意见，感谢其他人投入宝贵的时间。

干杯！