javascript - CORB 阻止 Google Places API 调用

标签 javascript google-chrome google-places-api google-places-autocomplete cross-origin-read-blocking

我正在尝试实现自定义 google places 自动完成功能,但我的浏览器(Google Chrome 版本 68.0.3440.106)在调用他们的 API 时阻止了我的请求。 Here据记载,此 API 可用于服务器端和客户端。 API key 是正确的。我错过了什么? CORB Error

最佳答案

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

例如:因此,不是为查找位置执行 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.:照片库、附近搜索、文本搜索使用相同的方法。

关于javascript - CORB 阻止 Google Places API 调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52147615/

相关文章:

Javascript 在一个 HTML 页面内的页面之间旋转

javascript - Play 框架外部 Javascript URL 语法

javascript - 如何使用 Meteor.http.call

javascript - 在 Chrome 扩展中使用远程 JavaScript

google-chrome - chrome 83 自升级以来开始崩溃

ios - IOS 中的 Google Place Search API

javascript - JavaScript 中特殊字符的 localCompare 和比较运算符之间的不同结果

android - 为添加到主屏幕的 Chrome webapp 设置应用程序切换器图标?

ios - Google 地方信息未加载到 TableView 中

ios - 如何在 iOS 中仅过滤 GMSAutocompleteResultsViewController 中的学校?