Geocoding right informations and posting them to inputs.

Discussion in 'JavaScript' started by sooly, Dec 17, 2012.

  1. #1
    I have already made progress in my map, but now i got confused. Im having this : jsfiddle.net/HyKeA/ where im trying to get informations like Address , City , State and save them to my MysQL database..
    So what do i want. In my Address input i want to get postal number and street name.. like.. Goodstreet 400 56.
    In my City i want to have city.. like .. German city
    And in State i want to have state.. like .. Germany
    Thats all. Thanks everyone.

    
    
      function reverseGeocodeResult(results, status) {
        currentReverseGeocodeResponse = results;
        if(status == 'OK') {
          if(results.length == 0) {
            document.getElementById('formatedAddress').value = 'None';
          } else {
                  var components = results[0].address_components;
                  var parsed_components = {};
                  for (var i = 0, l = components.length; i < l; i++) {
                      for (var ii = 0, ll = components[i].types.length; ii < ll; ii++) {
                          parsed_components[components[i].types[ii]] = components[i].long_name;
                      }
                  }
              var address = {};
              address.address = parsed_components.route;
              if (parsed_components.street_number !== undefined) {
                  address.address += ' ' + parsed_components.street_number;
              }
              address.city = parsed_components.administrative_area_level_2;
              address.state = parsed_components.administrative_area_level_1;
                  
              document.getElementById('formatedAddress').value = address.address + ', City: ' + address.city + ', State: ' + address.state;
              document.getElementById('stat').value = 'State: ' + address.state;
              document.getElementById('mesto').value ='City: ' + address.city;
              console && console.log(parsed_components, address);
          }
        } else {
          document.getElementById('formatedAddress').value = 'Error';
        }
      }
    
    Code (markup):

    to


    
    <label>Address :</label> <input id="formatedAddress" size="50" type="text" name="adresa" ><br>
    <label>state :</label> <input id="stat" size="50" type="text" name="adresa" ><br>
    <label>city :</label> <input id="mesto" size="50" type="text" name="adresa" ><br>
    <label>Lat : </label><input id="lat" size="50" type="text" name="lat" >       <br>
    <label>Lng : </label><input id="lng" size="50" type="text" name="lng" >      <br> 
    
    
    Code (markup):
     
    Last edited: Dec 17, 2012
    sooly, Dec 17, 2012 IP