使用javascript从谷歌地图加载json数据

Question

所以，这是我拥有的代码，console.log 给了我正确的值，但该函数不返回该值，即使返回值在超时范围内。 我一定做错了什么。

function countyfinder(address){


var rr =$.getJSON('https://maps.googleapis.com/maps/api/geocode/json?address=' + address.replace(" ", "%20")).done(function(data) {
var county = data.results[0].address_components[3].short_name;
//return county;//data is the JSON string
});return rr;};

function calculatetax(address, price){
var j = countyfinder(address);
setTimeout(function(){var k = j["responseJSON"]['results'][0]['address_components'][3]['short_name'];
console.log(k);//return k won't work in here either
}, 1000); return k
};

Answer 1

这就是我的结果：

    var jq = document.createElement('script');
    jq.src = "//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
    document.getElementsByTagName('head')[0].appendChild(jq);


    function getCounty(address) {
      var country;
      var baseApiUrl = "https://maps.googleapis.com/maps/api/geocode/json";
      var query = "?address=" + encodeURIComponent(address);
      var queryUrl = baseApiUrl + query;

      $.ajax({
        url: queryUrl,
        async: false,
        dataType: 'json',
        success: function(data) {
          county = gmapsExtractByType(data, "administrative_area_level_2 political");
        }
      });

      return countr.long_name;
    }

    function gmapsExtractByType(json, type) {
      return json.results[0].address_components.filter(function(element) {
        return element.types.join(" ") === type;
      })[0];
    }      
    console.log( getCounty("100 wacko lane ohio") );  

我不得不通过更改 ajax 请求中的一些设置来使用同步请求。 这样做的缺点是浏览器将被锁定，直到您收到请求响应，这在慢速连接或与不可靠服务器的连接上可能会很糟糕。 对于谷歌，大多数时候，我认为这不会发生。