javascript - TextSearch 不返回输出(但 URL 有效)

Question

function getCoffeeLatLon(inpLat, inpLon){
    var searchURL = "https://maps.googleapis.com/maps/api/place/textsearch/json?query=coffee&key=AIzaSyCKY43b8fpjLUuagtq1ZdSc477QwFuprew&location=15.7228486,-90.2348";
    var firstLat;
    var firstLon;
    var firstName;
    var fullJSON= $.getJSON("https://maps.googleapis.com/maps/api/place/textsearch/json?query=coffee&key=AIzaSyCKY43b8fpjLUuagtq1ZdSc477QwFuprew&location=15.7228486,-90.2348", function(data){
                                            firstLat = data.results[0].geometry.location.lat;  
                                            firstLon = data.results[0].geometry.location.lng; 
                                            firstName = data.results[0].name;
                                            console.log("checking");
                                            });

    var coffeeLatLonName = [firstLat, firstLon, firstName];
    return coffeeLatLonName;
  }

上面是我的代码示例。虽然我可以在线访问 Google Maps API URL 并查看完整的 JSON 结果，但在我的代码中使用它时，它不会运行 $.getJSON 调用的“成功”函数。我还可以保存 URL 的结果并毫无问题地使用该文件。

为什么我不能直接在代码中使用 URL？

谢谢。

Answer 1

如果我运行your code (fiddle) ，我收到一个 JavaScript 错误:

XMLHttpRequest cannot load https://maps.googleapis.com/maps/api/place/textsearch/json?query=coffee&key=AIzaSyCKY43b8fpjLUuagtq1ZdSc477QwFuprew&location=15.7228486,-90.2348. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://fiddle.jshell.net' is therefore not allowed access.

如果您想从 javascript 访问地方 API 文本搜索，请使用 Places Library of the Google Maps Javascript API v3