2011-11-29 29 views
8

Currenty,我使用下面的代码,以获得国家,邮政编码,地区和次地区:更有效的方式来提取地址组件

var country, postal_code, locality, sublocality; 
for (i = 0; i < results[0].address_components.length; ++i) 
{ 
    for (j = 0; j < results[0].address_components[i].types.length; ++j) 
    { 
     if (!country && results[0].address_components[i].types[j] == "country") 
      country = results[0].address_components[i].long_name; 
     else if (!postal_code && results[0].address_components[i].types[j] == "postal_code") 
      postal_code = results[0].address_components[i].long_name; 
     else if (!locality && results[0].address_components[i].types[j] == "locality") 
      locality = results[0].address_components[i].long_name; 
     else if (!sublocality && results[0].address_components[i].types[j] == "sublocality") 
      sublocality = results[0].address_components[i].long_name; 
    } 
} 

这是不能令人满意的。有没有其他办法可以达到同样的效果?

+0

非常愚蠢的,谷歌建立了它这样的:( –

回答

0
if (typeof Object.keys == 'function') 
    var length = function(x) { return Object.keys(x).length; }; 
else 
    var length = function() {}; 

var location = {};  
for (i = 0; i < results[0].address_components.length; ++i) 
{ 
    var component = results[0].address_components[i]; 
    if (!location.country && component.types.indexOf("country") > -1) 
     location.country = component.long_name; 
    else if (!location.postal_code && component.types.indexOf("postal_code") > -1) 
     location.postal_code = component.long_name; 
    else if (location.locality && component.types.indexOf("locality") > -1) 
     location.locality = component.long_name; 
    else if (location.sublocality && component.types.indexOf("sublocality") > -1) 
     location.sublocality = component.long_name; 

    // nothing will happen here if `Object.keys` isn't supported! 
    if (length(location) == 4) 
     break; 
} 

这是最适合我的解决方案。它也可能帮助别人。

7

可以缩短到

var country, postal_code, locality, sublocality; 
for (i = 0; i < results[0].address_components.length; ++i) { 
    var component = results[0].address_components[i]; 
    if (!sublocality && component.types.indexOf("sublocality") > -1) 
     sublocality = component.long_name; 
    else if (!locality && component.types.indexOf("locality") > -1) 
     locality = component.long_name; 
    else if (!postal_code && component.types.indexOf("postal_code") > -1) 
     postal_code = component.long_name; 
    else if (!country && component.types.indexOf("country") > -1) 
     country = component.long_name; 
} 

或者,你想获得更好的格式的结果?然后请向我们展示您的查询。

+0

不,我只需要在特定组件。 – 0xbadf00d

+0

我甚至需要检查变量是否未定义?换句话说:在一个结果中有多个组件可能具有相同的类型? – 0xbadf00d

+0

我不知道是否会发生这种情况,但是检查不是否是falsy值会使我们无法搜索已找到的类型,因此应该更快一点。 – Bergi

17

您可以使用下面的函数来提取任何地址分量:

function extractFromAdress(components, type){ 
    for (var i=0; i<components.length; i++) 
     for (var j=0; j<components[i].types.length; j++) 
      if (components[i].types[j]==type) return components[i].long_name; 
    return ""; 
} 

要提取您调用信息:

var postCode = extractFromAdress(results[0].address_components, "postal_code"); 
var street = extractFromAdress(results[0].address_components, "route"); 
var town = extractFromAdress(results[0].address_components, "locality"); 
var country = extractFromAdress(results[0].address_components, "country"); 

等等

3

我做了这样的:

placeParser = function(place){ 
    result = {}; 
    for(var i = 0; i < place.address_components.length; i++){ 
    ac = place.address_components[i]; 
    result[ac.types[0]] = ac.long_name; 
    } 
    return result; 
}; 

然后我只是使用利用underscore.js

parsed = placeParser(place) 
parsed.route 
0

游客可以容易地将address_components数组转换在地理编码到响应对象文本:

var obj = _.object( 
    _.map(results[0].address_components, function(c){ 
     return [c.types[0], c.short_name] 
    }) 
); 
4

使用功能的方法和map我的单行, filter,以及ES2015:

/** 
* Get the value for a given key in address_components 
* 
* @param {Array} components address_components returned from Google maps autocomplete 
* @param type key for desired address component 
* @returns {String} value, if found, for given type (key) 
*/ 
function extractFromAddress(components, type) { 
    return components.filter((component) => component.types.indexOf(type) === 0).map((item) => item.long_name).pop() || null; 
} 

用法:

const place = autocomplete.getPlace(); 
const address_components = place["address_components"] || []; 

const postal_code = extractFromAddress("postal_code"); 
+0

这太棒了。非常有效 –

1

我真的相信user1429980以上的答案值得更多的认可。它工作得很好。我的回答是基于他的功能。我已经添加了几个例子来更好地说明了如何使用所提供的代码user1429980搜索JSON对象:

//searches object for a given key and returns the key's value

extractFromObject (object, key) { return object.filter((object) => component.types.indexOf(key) === 0).map((item)=>item.long_name).pop() || null; }


例1:谷歌与经度reverseGeocode API和纬度设置为43.6532,79。3832(多伦多,安大略省,加拿大):

var jsonData = {} //object contains data returned from reverseGeocode API

var city = extractFromObject(jsonData.json.results[0].address_components, 'locality');

console.log(city); //Output is Toronto


例2:谷歌的地方与地方ID设置为ChIJE9on3F3HwoAR9AhGJW_fL-I(洛杉矶,加利福尼亚API ,USA):

var jsonData = {} //object contains data returned from Google's Places API

var city = extractFromObject(jsonData.json.result.address_components, 'locality');

console.log(city); //Output is Los Angeles

1

使用lodash

const result = _.chain(json.results[0].address_components) 
    .keyBy('types[0]') 
    .mapValues('short_name') 
    .value() 
相关问题