Google Geocoding v3 - Getting formatted Address [duplicate]

问题

I was wondering if anyone is able to help me. I am having a hard time getting both the coordinates and the formatted address returned to me in my dialogue box on my geocoding result, even though I seem to be able to grab the city, country.

Here is the code I am working with:

http://jsfiddle.net/d5DBh/5/

Code

var myLatlng = new google.maps.LatLng(31.272410, 0.190898);


 // INITALIZATION
 function initialize() {
     var mapOptions = {
         zoom: 4,
         center: myLatlng,
         mapTypeId: google.maps.MapTypeId.ROADMAP
     }
     var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
 }


 // GEOCODE
 function codeAddress() {
     var address = document.getElementById("address").value;
     new google.maps.Geocoder().geocode({
         'address': address
     }, function (results, status) {
         if (status == google.maps.GeocoderStatus.OK) {
             if (results[0]) {
                 var address = "",
                     city = "",
                     town = "",
                     state = "",
                     country = "",
                     location = "",
                     format = "";
                 for (var i = 0; i < results[0].address_components.length; i++) {
                     var addr = results[0].address_components[i];
                     if (addr.types[0] == 'country') country = addr.short_name;
                     else if (addr.types[0] == 'street_address')
                     address = address + addr.long_name;
                     else if (addr.types[0] == 'route')
                     address = address + addr.long_name;
                     else if (addr.types[0] == ['administrative_area_level_1'])
                     state = addr.long_name;
                     else if (addr.types[0] == ['administrative_area_level_2'])
                     town = addr.long_name;
                     else if (addr.types[0] == ['locality'])
                     city = addr.long_name;
                     else if (addr.types[0] == ['location'])
                     location = addr.location;
                 }
                 alert('Formated Address: ' + format + '\n' + 'City: ' + city + '\n' + 'Town: ' + town + '\n' + 'State: ' + state + '\n' + 'Country: ' + country + '\n' + 'Coordinates: ' + location);
             }
     } else {
         alert("Error: We could not find this address - please try and different location");
     };
     });
 }

 initialize();
 document.getElementById("searchItem").onclick = function () {
     codeAddress();
     return false;
 };

Also, since I am new to Javascript I am open to any ideas about writing this more cleanly.

回答1:

function getLatLongDetail(myLatlng) {

        var geocoder = new google.maps.Geocoder(); 
        geocoder.geocode({ 'latLng': myLatlng },
          function (results, status) {
              if (status == google.maps.GeocoderStatus.OK) {
                  if (results[0]) {

                      var address = "", city = "", state = "", zip = "", country = "", formattedAddress = "";
                      var lat;
                      var lng;

                      for (var i = 0; i < results[0].address_components.length; i++) {
                          var addr = results[0].address_components[i];
                          // check if this entry in address_components has a type of country
                          if (addr.types[0] == 'country')
                              country = addr.long_name;
                          else if (addr.types[0] == 'street_address') // address 1
                              address = address + addr.long_name;
                          else if (addr.types[0] == 'establishment')
                              address = address + addr.long_name;
                          else if (addr.types[0] == 'route')  // address 2
                              address = address + addr.long_name;
                          else if (addr.types[0] == 'postal_code')       // Zip
                              zip = addr.short_name;
                          else if (addr.types[0] == ['administrative_area_level_1'])       // State
                              state = addr.long_name;
                          else if (addr.types[0] == ['locality'])       // City
                              city = addr.long_name;
                      }


                      if (results[0].formatted_address != null) {
                          formattedAddress = results[0].formatted_address;
                      }

                      //debugger;

                      var location = results[0].geometry.location;

                      lat = location.lat;
                      lng = location.lng;

                      alert('City: '+ city + '\n' + 'State: '+ state + '\n' + 'Zip: '+ zip + '\n' + 'Formatted Address: '+ formattedAddress + '\n' + 'Lat: '+ lat + '\n' + 'Lng: '+ lng);

                  }

              }

          });
    }

Note: lat = location.lat; & lng = location.lng; instead of lat = location.lat(); & lng = location.lng();

来源：https://stackoverflow.com/questions/16505803/google-geocoding-v3-getting-formatted-address

标签

javascript

jquery

google-maps

google-maps-api-3

geolocation