我正在尝试在googlemaps视口中心发生更改时，使用邮政编码向我的数据库提交查询。我知道可以使用类似以下内容的反向地理编码来完成此操作：
google.maps.event.addListener(map, 'center_changed', function(){
newCenter();
});
...
function newCenter(){
var newc = map.getCenter();
geocoder.geocode({'latLng': newc}, function(results, status){
if (status == google.maps.GeocoderStatus.OK) {
var newzip = results[0].address_components['postal_code'];
}
});
};
当然，这段代码实际上是不起作用的。所以我想知道我需要如何更改它才能从结果数组中提取邮政编码。
目前我意识到的是，在大多数情况下，邮政编码总是在每个返回地址的最后一个值中，因此，如果您想检索出第一个邮政编码（这是我的情况），可以使用以下方法：
var address = results[0].address_components;
var zipcode = address[address.length - 1].long_name;
address.length - 2。不确定为什么你的不同？ - Andy Lobel您可以使用underscore.js库来轻松地完成此操作：http://documentcloud.github.com/underscore/#find
_.find(results[0].address_components, function (ac) { return ac.types[0] == 'postal_code' }).short_name
.find 方法。 - Rahil Wazir好的，我明白了。解决方案有点丑陋，而且最后一个for循环可能不是必需的，但以下是代码，供其他需要从address_components[]中提取信息的人使用。这是在地理编码器回调函数内部。
// make sure to initialize i
for(i=0; i < results.length; i++){
for(var j=0;j < results[i].address_components.length; j++){
for(var k=0; k < results[i].address_components[j].types.length; k++){
if(results[i].address_components[j].types[k] == "postal_code"){
zipcode = results[i].address_components[j].short_name;
}
}
}
}
使用 JQuery？
var searchAddressComponents = results[0].address_components,
searchPostalCode="";
$.each(searchAddressComponents, function(){
if(this.types[0]=="postal_code"){
searchPostalCode=this.short_name;
}
});
使用short_name或long_name都可以
只有当从Google Maps API获取到邮政（邮编？）代码时，“searchPostalCode”变量才会包含该代码。
有时您的查询结果不会返回“postal_code”。
$.each(results[0].address_components,function(index,value){
if(value.types[0] === "postal_code"){
$('#postal_code').val(value.long_name);
}
});
这只需两个循环。一旦我们找到第一个“类型”为“postal_code”，“结果”数组就会得到更新。
接着它使用新发现的数组集更新原始数组并再次循环。
var i, j,
result, types;
// Loop through the Geocoder result set. Note that the results
// array will change as this loop can self iterate.
for (i = 0; i < results.length; i++) {
result = results[i];
types = result.types;
for (j = 0; j < types.length; j++) {
if (types[j] === 'postal_code') {
// If we haven't found the "long_name" property,
// then we need to take this object and iterate through
// it again by setting it to our master loops array and
// setting the index to -1
if (result.long_name === undefined) {
results = result.address_components;
i = -1;
}
// We've found it!
else {
postcode = result.long_name;
}
break;
}
}
}
您也可以使用此代码，此函数将帮助您在按钮单击、失去焦点、按键上或按下时获取zip。
只需将地址传递给此函数即可。
使用Google API和有效的密钥，并删除传感器选项，因为现在不需要它。
function callZipAPI(addSearchZip)
{
var geocoder = new google.maps.Geocoder();
var zipCode = null;
geocoder.geocode({ 'address': addSearchZip }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
//var latitude = results[0].geometry.location.lat();
//var longitude = results[0].geometry.location.lng();
var addressComponent = results[0].address_components;
for (var x = 0 ; x < addressComponent.length; x++) {
var chk = addressComponent[x];
if (chk.types[0] == 'postal_code') {
zipCode = chk.long_name;
}
}
if (zipCode) {
alert(zipCode);
}
else {
alert('No result found!!');
}
} else {
alert('Enter proper address!!');
}
});
}
JAVASCRIPT
var address = results[0].address_components;
var zipcode = '';
var locality = '';
for (var i = 0; i < address.length; i++) {
if (address[i].types.includes("postal_code")){ zipcode = address[i].short_name; }
if (address[i].types.includes("locality")){ locality = address[i].short_name; }
}
我认为与其依赖于索引，最好是在组件内部检查地址类型关键字。我通过使用switch case解决了这个问题。
var address = '';
var pin = '';
var country = '';
var state = '';
var city = '';
var streetNumber = '';
var route ='';
var place = autocomplete.getPlace();
for (var i = 0; i < place.address_components.length; i++) {
var component = place.address_components[i];
var addressType = component.types[0];
switch (addressType) {
case 'street_number':
streetNumber = component.long_name;
break;
case 'route':
route = component.short_name;
break;
case 'locality':
city = component.long_name;
break;
case 'administrative_area_level_1':
state = component.long_name;
break;
case 'postal_code':
pin = component.long_name;
break;
case 'country':
country = component.long_name;
break;
}
}
types数组中具有“postal_code”的元素，该元素可能位于最后、最前或任何位置。此外，哪个元素？您可能希望从results[0].address_components或results本身获取邮政编码：尝试两者并查看在您关心的区域中哪个更好用。一般来说，如果您关心具有完整地址的地点，则建议使用results[0].address_components，如果您关心严格包含您的latlng的邮政编码，则使用results。 - miguev