javascript - Google 的 Places API 和 JQuery 请求 - 起源 http ://localhost is not allowed by Access-Control-Allow-Origin

Question

我对一个我想到的项目做了一些测试，其中涉及使用附近的地方。所以我和大佬一起开始摆弄 Google 的 Places Api。我在我的 map 上使用带有 openstreet 瓷砖的传单。现在一切都很好，直到我尝试使用那个该死的东西。

var lat = coords.lat;
var lng = coords.lng;
var apiUrl = "https://maps.googleapis.com/maps/api/place/nearbysearch/json";
var data = {
    key: 'AIzaSyBl8bmE8kQT7RjoXhP6k2yDti44h9-fSUI',
    location: lat+','+lng,
    radius: '10000',
    sensor: 'false',
    rankby: 'prominence',
    types: 'bar|night_club'
};
$.ajax({
  url: apiUrl,
  type: 'POST',
  data: data,    
  dataType:"jsonp",
  crossDomain: true,
  success: function(data) {
            var obj = $.parseJSON(data);
                // console.log(data.next_page_token);
          }
});

将 dataType 属性更改为 json 我得到 Access-Control-Allow-Origin 不允许 Origin http://localhost。使用 jsonp 我得到一个解析错误 Unexpected token : 显然 $.parseJSON 不起作用...有没有一种方法可以在不使用 Google Maps Api 的情况下完成这项工作？如果答案是否定的...还有其他地方的 api 和 google 一样好吗？

谢谢!

Answer 1

您正在尝试使用 Places API web service ，它适用于服务器代码，不支持 JavaScript 所需的 JSONP 输出。

在 JavaScript 中，您需要使用 Places Library来自Maps API V3 。您不能直接从 JavaScript 或 jQuery 代码访问 URL。 (您可能可能会发现地点库使用的 URL 模式，但服务条款不允许在不通过 API/库的情况下直接使用，并且 URL 可能随时更改。)

您是否有理由不想通过 JavaScript 使用 Maps API？