Putting a Google Maps Elevation json string into a variable - google-maps

Question

According to this page, if I plug this url into my browser, then I get I get back a nice json string.
Q: How do I get that json string into a JavaScript variable?
Do I do something like:
var x = location('https://maps.googleapis.com/maps/api/elevation/json?locations=39.7391536,-104.9847034')

Answer 1

To get the json, you have to make an ajax request, like $.get('url') with jquery, for example. Unfortunately, you'll have cross-domain issues.
But you can use the google maps javascript API.
var init = function() {
var elevator = new google.maps.ElevationService;
elevator.getElevationForLocations({
'locations': [new google.maps.LatLng(39.7391536,-104.9847034)]
}, function(results, status) {
if (status === google.maps.ElevationStatus.OK) {
if (results[0]) {
$("#result").text('elevation: ' + JSON.stringify(results[0]))
}
}
})
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=init"
async defer>
</script>
<div id="result"></div>

Answer 2

function currentPosition(arg) {
var svc = new google.maps.ElevationService
var param = {}
param.locations = []
param.locations[0] = new google.maps.LatLng(arg.coords.latitude,arg.coords.longitude)
svc.getElevationForLocations(param, elevationForLocations)
}
function elevationForLocations(argResponse, argStatus) {
if (argStatus === google.maps.ElevationStatus.OK) {
var response = argResponse[0] // https://developers.google.com/maps/documentation/javascript/elevation?hl=en
if (response) {
$("#result").text(JSON.stringify(response))
$('#elevation').text(response.elevation)
$('#location').text(JSON.stringify(response.location))
$('#G').text(response.location.G)
$('#K').text(response.location.K)
$('#resolution').text(response.resolution)
}
}
}
navigator.geolocation.getCurrentPosition(currentPosition);