Question

您是JSON的新手，我想知道我是否可以通过此API的JSON结果调用“国家/地区”：http://maps.google.com/maps/api/js?sensor=true&libraries=places

我尝试使用一个循环来获取JSON结果address_components的最后一部分，但我意识到“country”的位置因用户的输入而异

详细说明：
场景1：用户的输入：
736 Lockhart Court，Harristown QLD 4350，澳大利亚

结果：
澳大利亚//这是正确的

场景2：用户的输入：
兰利空军基地，汉普顿，弗吉尼亚州，美国

结果：
弗吉尼亚//不正确

我当前的代码获取数组address_components的最后一个索引，我想知道我是否可以做这样的事情 * data.results [0] .address_components [country] .long_name; * ，但我只是不知道正确的方法。

代码：

<html>  
<head></head>
<title></title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&libraries=places"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
     $("#btn1 ").click(function() {
       var address=encodeURI($('#userInput').val());
       var url='https://maps.googleapis.com/maps/api/geocode/json?address='+address+'&sensor=true';
       $.getJSON(url, function(data){
          for(var row=0; row<data.results.length;row++){
             document.getElementById('res').value = (data.results[row].address_components[data.results[row].address_components.length-2].long_name);
          }       
     });
   });
});
</script>         
<body>

<input type="text" id="res">    
<input type="text" name="userInput" id="userInput" />

  <input type="button" id="btn1" value="Load Data" />
</body>
</html>

如何在不依赖address_components索引的情况下获取特定（国家，街道号等）元素？

Answer 1

在您的情况下，您必须手动迭代数组并检查types数组是否包含'country'。您可以使用array.indexof。

for(var row=0; row<data.results.length;row++){
    var item = data.results[row];
    for( var i = 0; i< item.address_components.length; i++) {
         var component = item.address_components[i];
         if( component.types.indexof('country') != -1) {
             document.getElementById('res').value = component.long_name;
          }
    }
}

JSON结果从address_components获取国家/地区

1 个答案: