通过参考获取地点详细信息 - 谷歌地图 - Json

Question

我在显示来自 google 的 json url 时遇到问题。 当我加载我的网页时，我有一个空白屏幕...没有错误，没有响应

 $(document).ready(function() {

   $.getJSON('https://maps.googleapis.com/maps/api/place/details/json?reference=CpQBhQAAAO74ZZ0bYHAkFKV3rXb-sMyPIvTUaP8olqsu61cyWIR-f3bTpcN0PU_VA3RWTLyH3NeJLWxOpXBqmczZDfYE6EnYbayYl6HWn4xNZA8fJURcNiY4dbzWaTfjxx9HDe3C1JCLZUDRqHwlVudODDRmUsiiJMVSMJniKyimt9-qGgn1paABdlGXU7uduPHUjy9hoxIQr4QJPQjk5yt9FXzzFJnhQxoU3NRNlO-q1Q8y36urd8F_lsvgWHY&sensor=true&key=AIzaSyDSKYz8pCRLHglMPGo1ca6E-geDUQw', function(data) {
    $('#dictionary').empty();

 var html = '<div class="entry">';
 html += '<h3 class="term">' + data.result.name + '</h3>';
 html += '<div class="part">' + data.result.website + '</div>';
 html += '<div class="definition">';
 html +=  data.result.rating;
 html += '</div>';
 html += '</div>';
 $('#dictionary').append(html);


   });
 });

Url 正确，json 结构也正确。 仅当我想从文件中读取 json（而不是从 url）时，函数才有效：

$.getJSON('fileofjson.json'......

感谢您的帮助。迈克尔。

PS。 Parsing JSON from Google Map这是我这个问题的第一个话题……这里是一个json文件的结构。

我尝试通过以下方式从谷歌读取 json：

 $('#container').load('http://google.com'); 
  $.ajax({
url: 'https://maps.googleapis.com/maps/api/place/details/json?reference=CpQBhQAAAO74ZZ0bYHAkFKV3rXb-sMyPIvTUaP8olqsu61cyWIR-f3bTpcN0PU_VA3RWTLyH3NeJLWxOpXBqmczZDfYE6EnYbayYl6HWn4xNZA8fJURcNiY4dbzWaTfjxx9HDe3C1JCLZUDRqHwlVudODDRmUsiiJMVSMJniKyimt9-qGgn1paABdlGXU7uduPHUjy9hoxIQr4QJPQjk5yt9FXzzFJnhQxoU3NRNlO-q1Q8y36urd8F_lsvgWHY&sensor=true&key=AIzaSyDSKYz8pCRLHglMPGo1ca6E-geDUQw',
type: 'GET',
success: function(res) {
    var headline = $(res.status).find('a.tsh').text();
    alert(headline);
}
});

但警报不起作用，屏幕为空。有人可以帮我将此网址解析为 html 吗？非常感谢。

Answer 1

请参阅this related question 和我的回答。通常，由于Same Origin Policy，您不能使用 Javascript 从远程源加载 JSON。如果 Google API 提供此功能，您将需要改用 JSONP。