loop parse google map json

by Akram kamal

HTML

<div id="results"></div>

CSS

.level-heading {
    font-size: 12px;
}
.decision-page select {
    font-size: 12px;
}
.fullpage-width {
    width: 896px;
}
td div{
    vertical-align: middle;
}

#results{margin-top:100px; width:600px; border:1px solid #000000; background-color:#CCCCCC; min-height:200px;}

JavaScript

var input="boston";

var url = "http://maps.googleapis.com/maps/api/geocode/json?address=" + input + "&sensor=false";

   var check = $.getJSON(url, function (data) {
            console.log("inside getjson");
            console.log(data);
            $.each(data.results[0].address_components, function(i,inside){
                if(inside.types[0]=="route"){
                  $("#results").append('<p> route : '+this.long_name +'</p>');
                }   
                if(inside.types[0]=="locality"){
                 $("#results").append('<p> locality : '+this.long_name +'</p>');
                } 

                if(inside.types[0]=="administrative_area_level_2"){
                $("#results").append('<p> administrative area 2 : '+this.long_name +'</p>');
                }   
                
                if(inside.types[0]=="administrative_area_level_1"){
                $("#results").append('<p> administrative area 1 : '+this.long_name +'</p>');
                } 

               if(inside.types[0]=="country"){
                 $("#results").append('<p> country : '+this.long_name +'</p>');
               } 
   
          }); 
    });