CORB阻止了Google Places API调用

时间:2018-09-03 10:12:26

标签: javascript reactjs google-chrome google-places-api googleplacesautocomplete

我正在尝试实现自定义Google Places自动完成功能,并且我的浏览器(Google Chrome版本68.0.3440.106)在调用其API时阻止了我的请求。 Here写道,此API既可以在服务器端使用,也可以在客户端使用。 API密钥正确。我想念什么? CORB Error

1 个答案:

答案 0 :(得分:1)

CORB阻止内部包含JSON,HTML或XML的响应。这是一种安全措施。为了实现您想要的不是通过ajax调用。附加maps脚本标签时,必须在脚本内提及要使用的库,并将其导入DOM中。之后,您必须生成对象并进行过滤。

Ex:因此,您无需构造Ajax来寻找位置,而是调用构造函数并传递参数。

<script async src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDI2Fgh7xK7JfbUXTVSundJUNfIpHITbTY&libraries=places&callback=operationalMap"></script>
var places = new google.maps.places.PlacesService(map),
    populateMapWithMyLocation = [//array with geolocation lat & lng];

populateMapWithMyLocations.forEach(function(result){
    places.getDetails(result, function(response){                            
        console.log(response)
    })
}); 

P.S .:对照片库,附近搜索,文本搜索使用相同的方法。