Retrieving Json Throws Error: Unexpected Token :

I'm retrieving the elevation data from the Google Maps API by AJAX. I'm getting the data back I want as if I look at the console in Chrome I can see a 200 status code and can see t

Solution 1:

The Google Maps API does not support direct JSONP requests.

Instead, you need to use the Javascript API.

Solution 2:

Realizing this question is well outdated, I hope that this might be able to help someone in the future. This was my first encounter with javascript and especially all this JSON stuff and therefore caused a lot of hitting my head off the desk trying to figure out what I was doing wrong.

Here is my solution that retrieves the clients location (in lat and lng) and then uses the google geocoding api to determine their location in "human readable" format.

functioncurrentLocation() {
    navigator.geolocation.getCurrentPosition(foundLocation, errorLocation);

    functionfoundLocation(position) {
        var lat = position.coords.latitude;
        var lng = position.coords.longitude;

        //This is where the geocoding startsvar locationURL= "http://maps.googleapis.com/maps/api/geocode/json?latlng="
            + lat + "," + lng + "&sensor=false&callback=myLocation"//This line allows us to get the return object in a JSON//instead of a JSONP object and therefore solving our problem
        $.getJSON(locationURL, myLocation);
    }

    functionerrorLocation() {
        alert("Error finding your location.");
    }
}

functionmyLocation(locationReturned) {
    var town = locationReturned.results[0].address_components[1].short_name;
    var state = locationReturned.results[0].address_components[4].short_name;
    console.log(town, state);
}