blocks|key|748465|text|好了，我明白了。这个解决方案比我希望的要难看一些，我可能不需要最后一个for循环，但这是为其他需要从address_components[]中提取垃圾的人提供的代码。这位于地理编码器回调函数中|type|unstyled|depth|inlineStyleRanges|entityRanges|data|748466|//+make+sure+to+initialize+i
for(i=0;+i+<+results.length;+i%2B%2B){
++++++++++++for(var+j=0;j+<+results[i].address_components.length;+j%2B%2B){
++++++++++++++++for(var+k=0;+k+<+results[i].address_components[j].types.length;+k%2B%2B){
++++++++++++++++++++if(results[i].address_components[j].types[k]+==+"postal_code"){
++++++++++++++++++++++++zipcode+=+results[i].address_components[j].short_name;
++++++++++++++++++++}
++++++++++++++++}
++++++++++++}
++++}|code-block|syntax|javascript|748467|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Alright, so I got it. The solution is a little uglier than I'd like, and I probably don't need the last for loop, but here's the code for anyone else who needs to extract crap from address_components[]. This is inside the geocoder callback function

<pre><code>// make sure to initialize i
for(i=0; i &lt; results.length; i++){
 for(var j=0;j &lt; results[i].address_components.length; j++){
 for(var k=0; k &lt; 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;
 }
 }
 }
 }
</code></pre>

blocks|key|748524|text|一言以蔽之，这是很大的努力。至少使用v2应用程序接口，我可以检索这些详细信息：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|748525|var+place+=+response.Placemark[0];
var+point+=+new+GLatLng(place.Point.coordinates[1],+place.Point.coordinates[0]);

myAddress+=+place.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.Thoroughfare.ThoroughfareName

myCity+=+place.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.LocalityName

myState+=+place.AddressDetails.Country.AdministrativeArea.AdministrativeAreaName

myZipCode+=+place.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.PostalCode.PostalCodeNumber|code-block|syntax|javascript|748526|必须有一种更优雅的方法来检索单个address_components，而不需要经历您刚刚经历的循环柔术。|748527|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In a word, that's a lot of effort. At least with the v2 API, I could retrieve those details thusly:

<pre><code>var place = response.Placemark[0];
var point = new GLatLng(place.Point.coordinates[1], place.Point.coordinates[0]);

myAddress = place.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.Thoroughfare.ThoroughfareName

myCity = place.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.LocalityName

myState = place.AddressDetails.Country.AdministrativeArea.AdministrativeAreaName

myZipCode = place.AddressDetails.Country.AdministrativeArea.SubAdministrativeArea.Locality.PostalCode.PostalCodeNumber
</code></pre>

There has got to be a more elegant way to retrieve individual address_components without going through the looping jujitsu you just went through.

blocks|key|964464|text|这只需要两个for循环。一旦我们找到第一个“类型”为"postal_code“，"results”数组就会更新。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|964465|然后，它使用新找到的数组集更新原始数组，并再次循环。|964466|++++++++++++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%2B%2B)+{

++++++++++++++++result+=+results[i];

++++++++++++++++types+=+result.types;

++++++++++++++++for+(j+=+0;+j+<+types.length;+j%2B%2B)+{

++++++++++++++++++++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;

++++++++++++++++++++}

++++++++++++++++}

++++++++++++}|code-block|syntax|javascript|964467|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This takes only two for loops. The "results" array gets updated once we found the first "type" to be "postal_code".

It then updates the original array with the newly found array set and loops again.

<pre><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 &lt; results.length; i++) {

 result = results[i];

 types = result.types;

 for (j = 0; j &lt; 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;

 }

 }

 }
</code></pre>

blocks|key|748654|text|使用JQuery？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|748655|var+searchAddressComponents+=+results[0].address_components,
++++searchPostalCode="";

$.each(searchAddressComponents,+function(){
++++if(this.types[0]=="postal_code"){
++++++++searchPostalCode=this.short_name;
++++}
});|code-block|syntax|javascript|748656|short_name或long_name将在上面工作|748657|"searchPostalCode“变量将包含邮政编码(zip?)当且仅当您从Google+Maps+API获得一个时，才进行编码。|748658|有时，您的查询不会得到"postal_code“作为返回。|748659|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Using JQuery?

<pre><code>var searchAddressComponents = results[0].address_components,
 searchPostalCode="";

$.each(searchAddressComponents, function(){
 if(this.types[0]=="postal_code"){
 searchPostalCode=this.short_name;
 }
});
</code></pre>

short_name or long_name will work above 
the "searchPostalCode" var will contain the postal (zip?) code IF
and only IF you get one from the Google Maps API. 
Sometimes you DO NOT get a "postal_code" in return for your query.

blocks|key|749136|text|places.getDetails(+request_details,+function(results_details,+status){

++++++++++++++++//+Check+if+the+Service+is+OK
++++++++++++++++if+(status+==+google.maps.places.PlacesServiceStatus.OK)+{++++++++++++++++++

++++++++++++++++++++places_postal+++++++++++=+results_details.address_components
++++++++++++++++++++places_phone++++++++++++=+results_details.formatted_phone_number
++++++++++++++++++++places_phone_int++++++++=+results_details.international_phone_number
++++++++++++++++++++places_format_address+++=+results_details.formatted_address
++++++++++++++++++++places_google_url+++++++=+results_details.url
++++++++++++++++++++places_website++++++++++=+results_details.website
++++++++++++++++++++places_rating+++++++++++=+results_details.rating

++++++++++++++++++++for+(var+i+=+0;+i+<+places_postal.length;+i%2B%2B+)+{
++++++++++++++++++++++++if+(places_postal[i].types+==+"postal_code"){
++++++++++++++++++++++++++++console.log(places_postal[i].long_name)
++++++++++++++++++++++++}
++++++++++++++++++++}

++++++++++++++++}
++++++++++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|749137|这对我来说似乎很好用，这是通过新的Google+Maps+API+V3实现的。如果这对任何人有帮助，请写评论，我正在写我的脚本...所以它可能会改变。|unstyled|749138|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>places.getDetails( request_details, function(results_details, status){

 // Check if the Service is OK
 if (status == google.maps.places.PlacesServiceStatus.OK) { 

 places_postal = results_details.address_components
 places_phone = results_details.formatted_phone_number
 places_phone_int = results_details.international_phone_number
 places_format_address = results_details.formatted_address
 places_google_url = results_details.url
 places_website = results_details.website
 places_rating = results_details.rating

 for (var i = 0; i &lt; places_postal.length; i++ ) {
 if (places_postal[i].types == "postal_code"){
 console.log(places_postal[i].long_name)
 }
 }

 }
 });
</code></pre>

This seems to work very well for me, this is with the new Google Maps API V3. If this helps anyone, write a comment, i'm writing my script as we speak... so it might change.

blocks|key|964671|text|使用underscore.js库http://documentcloud.github.com/underscore/#find可以很容易地做到这一点|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|964672|_.find(results[0].address_components,+function+(ac)+{+return+ac.types[0]+==+'postal_code'+}).short_name|code-block|syntax|javascript|964673|entityMap|0|LINK|mutability|MUTABLE|url|http://documentcloud.github.com/underscore/#find^0|G|1C|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

You can do this pretty easily using the underscore.js libraray: <a href="http://documentcloud.github.com/underscore/#find" rel="noreferrer">http://documentcloud.github.com/underscore/#find</a>

<pre><code>_.find(results[0].address_components, function (ac) { return ac.types[0] == 'postal_code' }).short_name
</code></pre>

blocks|key|964744|text|这个简单的代码对我来说很好用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|964745|for+(var+i+=+0;+i+<+address.length;+i%2B%2B)+{
++++++++alert(address[i].types);
++++++++if+(address[i].types+==+"postal_code")
++++++++++++$('#postalCode').val(address[i].long_name);
++++++++if+(address[i].types+==+"")
++++++++++++$('#country').val(address[i].short_name);
++++}|code-block|syntax|javascript|964746|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This simple code works for me

<pre><code>for (var i = 0; i &lt; address.length; i++) {
 alert(address[i].types);
 if (address[i].types == "postal_code")
 $('#postalCode').val(address[i].long_name);
 if (address[i].types == "")
 $('#country').val(address[i].short_name);
 }
</code></pre>

blocks|key|964760|text|+return+$http.get('//maps.googleapis.com/maps/api/geocode/json',+{
++++++++++++params:+{
++++++++++++++++address:+val,
++++++++++++++++sensor:+false
++++++++++++}
++++++++}).then(function+(response)+{
+++++++++++var+model=+response.data.results.map(function+(item)+{
+++++++++++++++//+return+item.address_components[0].short_name;
+++++++++++++++var+short_name;
+++++++++++++var+st=++$.each(item.address_components,+function+(value,+key)+{
++++++++++++++++++++if+(key.types[0]+==+"postal_code")+{
++++++++++++++++++++++++short_name=+key.short_name;
++++++++++++++++++++}
++++++++++++++++});
+++++++++++++return+short_name;

++++++++++++});
++++++++++++++++return+model;
++++++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|964761|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> return $http.get('//maps.googleapis.com/maps/api/geocode/json', {
 params: {
 address: val,
 sensor: false
 }
 }).then(function (response) {
 var model= response.data.results.map(function (item) {
 // return item.address_components[0].short_name;
 var short_name;
 var st= $.each(item.address_components, function (value, key) {
 if (key.types[0] == "postal_code") {
 short_name= key.short_name;
 }
 });
 return short_name;

 });
 return model;
 });
</code></pre>

blocks|key|749372|text|使用JSONPath，只需一行代码即可轻松完成：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|749373|var+zip+=+$.results[0].address_components[?(@.types=="postal_code")].long_name;|code-block|syntax|javascript|749374|entityMap|0|LINK|mutability|MUTABLE|url|http://goessner.net/articles/JsonPath/^0|2|8|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Using <a href="http://goessner.net/articles/JsonPath/" rel="nofollow" title="JSONPath">JSONPath</a>, it's easily done with one line of code:

<pre><code>var zip = $.results[0].address_components[?(@.types=="postal_code")].long_name;
</code></pre>

blocks|key|964850|text|//autocomplete+is+the+text+box+where+u+will+get+the+suggestions+for+an+address.

autocomplete.addListener('place_changed',+function+()+{
//Place+will+get+the+selected+place+geocode+and+returns+with+the+address++++++++++++++
//and+marker+information.
++++++++var+place+=+autocomplete.getPlace();
//To+select+just+the+zip+code+of+complete+address+from+marker,+below+loop+//will+help+to+find.+Instead+of+y.long_name+you+can+also+use+y.short_name.+
++++++++var+zipCode+=+null;
++++++++for+(var+x+=+0+;+x+<+place.address_components.length;+x%2B%2B)+{
++++++++++++var+y+=+place.address_components[x];
++++++++++++if+(y.types[0]+==+'postal_code')+{
++++++++++++++++zipCode+=+y.long_name;
++++++++++++}
++++++++}
++++});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|964851|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>//autocomplete is the text box where u will get the suggestions for an address.

autocomplete.addListener('place_changed', function () {
//Place will get the selected place geocode and returns with the address 
//and marker information.
 var place = autocomplete.getPlace();
//To select just the zip code of complete address from marker, below loop //will help to find. Instead of y.long_name you can also use y.short_name. 
 var zipCode = null;
 for (var x = 0 ; x &lt; place.address_components.length; x++) {
 var y = place.address_components[x];
 if (y.types[0] == 'postal_code') {
 zipCode = y.long_name;
 }
 }
 });
</code></pre>

blocks|key|964890|text|你也可以使用这个代码，这个函数将帮助在按钮点击或onblur或keyup或keydown时获得zip。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|964891|只需将地址传递给此函数。|964892|使用google+api，删除有效的密钥和传感器选项，因为现在不需要。|964893|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%2B%2B)+{
++++++++++++++++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!!');
++++++++}
++++});
}|code-block|syntax|javascript|964894|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can also use this code, this function will help to get zip on button click or onblur or keyup or keydown.

Just pass the address to this function.

use google api with valid key and sensor option removed as it doesn't required now.

<pre><code>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 &lt; 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!!');
 }
 });
}
</code></pre>

blocks|key|749487|text|在PHP中，我使用以下代码。几乎在任何情况下它都是有效的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|749488|$zip+=+$data["results"][3]["address_components"];
$zip+=+$index[0]["short_name"];|code-block|syntax|javascript|749489|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In PHP I use this code. Almost in every conditions it works.

<pre><code>$zip = $data["results"][3]["address_components"];
$zip = $index[0]["short_name"];
</code></pre>

blocks|key|749539|text|罗曼·M。-谢谢！如果你只需要在Google返回的第一个结果中找到邮政编码，你只需要做两次循环：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|749540|for(var+j=0;j+<+results[0].address_components.length;+j%2B%2B){
++++for(var+k=0;+k+<+results[0].address_components[j].types.length;+k%2B%2B){
++++++++if(results[0].address_components[j].types[k]+==+"postal_code"){
++++++++++++zipcode+=+results[0].address_components[j].long_name;
++++++++}
++++}
}|code-block|syntax|javascript|749541|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Romaine M. — thanks! If you just need to find the postal code in the first returned result from Google, you can do just 2 loops:

<pre><code>for(var j=0;j &lt; results[0].address_components.length; j++){
 for(var k=0; k &lt; results[0].address_components[j].types.length; k++){
 if(results[0].address_components[j].types[k] == "postal_code"){
 zipcode = results[0].address_components[j].long_name;
 }
 }
}
</code></pre>

blocks|key|965011|text|$.each(results[0].address_components,function(index,value){
++++if(value.types[0]+===+"postal_code"){
++++++++$('#postal_code').val(value.long_name);
++++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|965012|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$.each(results[0].address_components,function(index,value){
 if(value.types[0] === "postal_code"){
 $('#postal_code').val(value.long_name);
 }
});
</code></pre>

blocks|key|749582|text|我认为它更好地检查组件内部的地址类型键，而不是依赖于索引。我使用switch+case解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|749583|++++++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%2B%2B)+{
++++++++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;
++++++++}
+++++++}|code-block|syntax|javascript|749584|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I think rather than depending on the index it better checks address type key inside the component. I solved this issue by using a switch case.

<pre><code> var address = '';
 var pin = '';
 var country = '';
 var state = '';
 var city = '';
 var streetNumber = '';
 var route ='';
 var place = autocomplete.getPlace(); 
 for (var i = 0; i &lt; 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;
 }
 }
</code></pre>

blocks|key|965085|text|当我得到它的时候，zip是最后一个或之前的一个。所以这就是我的解决方案|type|unstyled|depth|inlineStyleRanges|entityRanges|data|965086|const+getZip+=+function+(arr)+{
++return+(arr[arr.length+-+1].types[0]+===+'postal_code')+?+arr[arr.length+-+1].long_name+:+arr[arr.length+-+2].long_name;
};
const+zip+=+getZip(place.address_components);|code-block|syntax|javascript|965087|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

As I got it zip is the last or the one that before last.
That why this is my solution

<pre><code>const getZip = function (arr) {
 return (arr[arr.length - 1].types[0] === 'postal_code') ? arr[arr.length - 1].long_name : arr[arr.length - 2].long_name;
};
const zip = getZip(place.address_components);
</code></pre>

blocks|key|965150|text|您也可以使用下划线.find方法，它类似于下划线_.find方法，但它是原生的，不需要额外的依赖。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|965151|const+zip_code+=+results[0].address_components.find(addr+=>+addr.types[0]+===+"postal_code").short_name;|code-block|syntax|javascript|965152|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find|1|https://underscorejs.org/#find^0|9|5|O|6|9|5|0|O|6|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]|$9|12|A|13|1|14]]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]|S|$5|N|O|P|E|$Q|T]]]]

You can also use JavaScript <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find" rel="nofollow noreferrer"><code>.find</code></a> method which is similar to underscore <a href="https://underscorejs.org/#find" rel="nofollow noreferrer"><code>_.find</code></a> method but it is native and require no extra dependency.
<pre class="lang-js prettyprint-override"><code>const zip_code = results[0].address_components.find(addr =&gt; addr.types[0] === &quot;postal_code&quot;).short_name;
</code></pre>

blocks|key|749718|text|我认为这是最准确的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|749719|zipCode:+result.address_components.find(item+=>+item.types[0]+===+'postal_code').long_name;|code-block|syntax|javascript|749720|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

i think this is the most accurate solution:
<pre><code>zipCode: result.address_components.find(item =&gt; item.types[0] === 'postal_code').long_name;
</code></pre>

blocks|key|749776|text|只需在所有类型中搜索postal_code，找到时返回。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|749777|​|749778|const+address_components+=+[{"long_name":+"2b","short_name":+"2b","types":+["street_number"]},+{+"long_name":+"Louis+Schuermanstraat","short_name":+"Louis+Schuermanstraat",+"types":+["route"]},{"long_name":+"Gent","short_name":+"Gent","types":+["locality","political"+]},{"long_name":+"Oost-Vlaanderen","short_name":+"OV","types":+["administrative_area_level_2","political"]},{"long_name":+"Vlaanderen","short_name":+"Vlaanderen","types":+["administrative_area_level_1","political"]},{"long_name":+"België","short_name":+"BE","types":+["country","political"]},{"long_name":+"9040","short_name":+"9040","types":+["postal_code"]}];
++++
//+address_components+=+results[0]address_components

console.log({
++'object':+getByGeoType(address_components),
++'short_name':+getByGeoType(address_components).short_name,
++'long_name':+getByGeoType(address_components).long_name,
++'route':+getByGeoType(address_components,+['route']).long_name,
++'place':+getByGeoType(address_components,+['locality',+'political']).long_name
});


function+getByGeoType(components,+type+=+['postal_code'])+{
++let+result+=+null;
++$.each(components,
++++function()+{
++++++if+(this.types.some(r+=>+type.indexOf(r)+>=+0))+{
++++++++result+=+this;
++++++++return+false;
++++++}
++++});
++return+result;
}|code-block|syntax|javascript|749779|<script+src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>|749780|749781|entityMap^0|A|B|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|V|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|O|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|Q|$]]

Just search for <code>postal_code</code> in all types, and return when found.
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const address_components = [{"long_name": "2b","short_name": "2b","types": ["street_number"]}, { "long_name": "Louis Schuermanstraat","short_name": "Louis Schuermanstraat", "types": ["route"]},{"long_name": "Gent","short_name": "Gent","types": ["locality","political" ]},{"long_name": "Oost-Vlaanderen","short_name": "OV","types": ["administrative_area_level_2","political"]},{"long_name": "Vlaanderen","short_name": "Vlaanderen","types": ["administrative_area_level_1","political"]},{"long_name": "België","short_name": "BE","types": ["country","political"]},{"long_name": "9040","short_name": "9040","types": ["postal_code"]}];
 
// address_components = results[0]address_components

console.log({
 'object': getByGeoType(address_components),
 'short_name': getByGeoType(address_components).short_name,
 'long_name': getByGeoType(address_components).long_name,
 'route': getByGeoType(address_components, ['route']).long_name,
 'place': getByGeoType(address_components, ['locality', 'political']).long_name
});


function getByGeoType(components, type = ['postal_code']) {
 let result = null;
 $.each(components,
 function() {
 if (this.types.some(r =&gt; type.indexOf(r) &gt;= 0)) {
 result = this;
 return false;
 }
 });
 return result;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
</div>
</div>

I'm trying to submit a query using the postal code to my DB whenever the googlemaps viewport center changes. I know that this can be done with reverse geocoding with something like:

<pre><code>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'];
 }
});
};
</code></pre>

Of course, this code doesn't actually work. So I was wondering how I would need to change this in order to extract the postal code from the results array.
Thanks

Retrieving Postal Code with Google Maps Javascript API V3 Reverse Geocode

每当googlemaps视图中心发生变化时，我都会尝试使用邮政编码向我的数据库提交一个查询。我知道这可以通过反向地理编码来完成，如下所示：google.maps.event.addListener(map, 'center_changed', function(){newCenter();});...function ...

问使用Google Maps Javascript API V3反向地理编码检索邮政编码
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Google Maps Javascript API V3反向地理编码检索邮政编码EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Google Maps Javascript API V3反向地理编码检索邮政编码
EN