I am using Google Maps API with jQuery getJSON:

$.getJSON(requestUrl, function(data) {
        var distance = //need to parse value from 'data' object here
    });

data object's structure is like this: (example)

I need to set my variable distance to 225 mi in this case

I am using Google Maps API with jQuery getJSON:

$.getJSON(requestUrl, function(data) {
        var distance = //need to parse value from 'data' object here
    });

data object's structure is like this: (example)

I need to set my variable distance to 225 mi in this case

• javascript

• 1 Can you please replace the image with code? It is much easier for people to try and reconstruct your issue copying and pasting code, rather than reading it from an image. – Tushar Commented Jun 1, 2016 at 13:47

3 Answers 3

$.getJSON(requestUrl, function(data) {
    var distance = data.rows[0].elements[0].distance.text;
});

Pretty simple, but I do want to know if you'll ever get more then one row or element from your function?

data.rows.forEach(function(value){ 
    value.elements.forEach(function(childValue) {
      console.log(childValue.distance.text);
    });
});

The above nested forEach should get you the distance value.

var json = JSON.parse(data);
distance= json["rows"]["elements"]["distance"]["text"];

Hope it helps