Access coordinates array from JSON object with Javascript

Question

I am trying to get the coordinates from a JSON file.

JSON File Structure:

    {
  "parkeerlocaties": [
    {
      "parkeerlocatie": {
        "Locatie": "{\"type\":\"Point\",\"coordinates\":[4.9032801,52.3824545]}"
      }
    }

I can access the Locatie object and it returns the following:

{"type":"Point","coordinates":[4.9032801,52.3824545]}

But when I am trying to get the coordinates from the JSON file, I get undefined back.

Code:

$.getJSON(parkingUrl, function(parkingData) {
                pData = parkingData.parkeerlocaties;
                for (var x = 0; x < pData.length; x++ ) {
                  ploc = parkingData["parkeerlocaties"][x]["parkeerlocatie"]["Locatie"]["coordinates"];
                  console.log(ploc);
                };
            });
      };

So, how can I get the coordinates from the JSON file?

Nick Parsons · Accepted Answer · 2019-01-21 11:36:06Z

3

Your Locatie key points to a string, not an object. You can use JSON.parse() to convert this string into an object so that you can then access the coordinates key.

ploc = JSON.parse(parkingData["parkeerlocaties"][x]["parkeerlocatie"]["Locatie"])["coordinates"];

So you code should look like:

$.getJSON(parkingUrl, function(parkingData) {
  pData = parkingData.parkeerlocaties;
  for (var x = 0; x < pData.length; x++) {
    ploc = JSON.parse(parkingData["parkeerlocaties"][x]["parkeerlocatie"]["Locatie"])["coordinates"];
    console.log(ploc);
  }
});

answered Jan 21, 2019 at 11:36

Nick Parsons

51.7k6 gold badges61 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dennis Loos Over a year ago

Thanks this worked! I tried the JSON.parse before, but I placed the parentheses wrong after coordinates, instead of infront of it.

Vineesh · Accepted Answer · 2019-01-21 11:35:15Z

2

You should use JSON.parse to convert the JSON string to JSON object.

JSON.parse(parkingData.parkeerlocaties[0].parkeerlocatie.Locatie).coordinates

Here Locatie is a JSON string.

$.getJSON(parkingUrl, function(parkingData) {
            pData = parkingData.parkeerlocaties;
            for (var x = 0; x < pData.length; x++ ) {
              ploc  = JSON.parse(parkingData.parkeerlocaties[x].parkeerlocatie.Locatie).coordinates

              console.log(ploc);
            };
        });
  };

answered Jan 21, 2019 at 11:35

Vineesh

3,78223 silver badges39 bronze badges

Comments

Manu K R · Accepted Answer · 2019-01-21 11:38:49Z

0

Try to save the file avoiding escape sequence "\"

{ "parkeerlocaties": [ { "parkeerlocatie": { "Locatie": {"type":"Point","coordinates":[4.9032801,52.3824545]} } }

answered Jan 21, 2019 at 11:38

Manu K R

434 bronze badges

1 Comment

nkshio Over a year ago

Please do not answer with a comment/question. Understandably, your rep is too low to comment, but that still does not mean answers should be used to make comments as an alternative. It would be preferable if you deleted this.

Thusitha Indunil · Accepted Answer · 2019-01-21 11:56:39Z

0

I have added following code for your further reference. It will help you to understand your mistake. Your json String missing "}" and "]" at the end of json string. Better to used JSON formatted for validate your JSON. json validation

    try{
        var test = "{\"parkeerlocaties\": [{  \"parkeerlocatie\": {\"Locatie\": {\"type\":\"Point\",\"coordinates\":[4.9032801,52.3824545]}}}]}";
        var jsondata = JSON.parse(test);
        var pData = jsondata.parkeerlocaties;

        for (var x = 0; x < pData.length; x++ ) {
          var ploc = jsondata["parkeerlocaties"][x]["parkeerlocatie"]["Locatie"]["coordinates"];
          alert(ploc);
        };
   }catch(e){alert(e)}

edited Jan 21, 2019 at 11:56

answered Jan 21, 2019 at 11:50

Thusitha Indunil

8321 gold badge8 silver badges23 bronze badges

Collectives™ on Stack Overflow

Access coordinates array from JSON object with Javascript

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related