Jimmy Jimmy - 3 months ago 29
jQuery Question

Google Geocoding v3 - Getting formatted Address

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.

Answer
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);

                  }

              }

          });
    }
Comments