Undefined element getting JSON from URL

Question

I'm using google maps API to get elevation value by LAT and LON but I'm getting always undefined objects.

My script is this:

<script type="application/javascript">
        function findAltitude() {
            var lat  = document.getElementById('lat').value;
            var lon  = document.getElementById('lon').value;

            var url = "https://maps.googleapis.com/maps/api/elevation/json?locations=11,11&key=<API_KEY>";

            var json, data;

            $.ajax({
                  dataType: "json",
                  url: url,
                  data: data,
                  success: function(data) {
                       alert(data.results.elevation);
                    }
                });
        }

  </script>

and my JSON is this:

{"results" : [
  {
     "elevation" : 402.0888977050781,
     "location" : {
        "lat" : 11,
        "lng" : 11
     },
     "resolution" : 152.7032318115234
  }],"status" : "OK"}

user1777136 · Accepted Answer · 2017-07-30 19:01:30Z

3

results in the posted JSON contains an array. so you might want to log e.g. the first results elevation like so: alert(data.results[0].elevation);

answered Jul 30, 2017 at 19:01

user1777136

1,76614 silver badges28 bronze badges

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

Comments

gaetanoM · Accepted Answer · 2017-07-30 19:02:33Z

1

Results is an array hence your issue.

Change this line:

data.results.elevation

With:

 data.results[0].elevation

answered Jul 30, 2017 at 19:02

gaetanoM

42.1k6 gold badges45 silver badges63 bronze badges

Comments

TechnoCorner · Accepted Answer · 2017-07-30 19:02:44Z

1

You can do

        $.ajax({
              dataType: "json",
              url: url,
              data: data,
              success: function(data) {
                   alert(data.results[0].elevation);
                }
            });
    }

answered Jul 30, 2017 at 19:02

TechnoCorner

5,19510 gold badges48 silver badges91 bronze badges

Collectives™ on Stack Overflow

Undefined element getting JSON from URL

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related