Home/ Questions/Q 8070629
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T13:26:51+00:00

I’m trying to get city name using latidute and longitude. Google geocoding support this

  • 0

I’m trying to get city name using latidute and longitude.

Google geocoding support this option and called “Reverse geocoding“.
And as written there in the sample i have to make a get request to this link:

http://maps.googleapis.com/maps/api/geocode/json?latlng=40.714224,-73.961452&sensor=true_or_false

it returns me array in json, you can try.

how i can parse this json in jquery?

i’m tried to do this like:

   $.ajax({
      url: 'http://maps.googleapis.com/maps/api/geocode/json',
      type: 'get',
      data: {
        'latlng':lat+","+longit,
        'sensor': false
      },
      dataType: 'jsonp',
      success: function(result){

        console.log(results)

      },
      error: function(xhr,ajaxOptions,thrownError){
        console.log(xhr.status);
        console.log(ajaxOptions);
        console.log(thrownError);
      }

  })

I get this array, but can not parse. it says:

Uncaught SyntaxError: Unexpected token :

how do i can fix this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Short answer; you can’t: JSONP is not supported here (or at least is not actually documented as being supported), use the Geocoder class instead.

    The Google Geocoding APIs say:

    Looking to use this service in a JavaScript application? Check out the Geocoder class of the Google Maps API v3.

    Seems Google only serves up plain JSON, which you can’t parse in your own page due to same-origin policy – but which you could consume if you were eg. a php app running on another server that doesn’t have that restriction. So if you want to use this on a web page, using their Geocoder class is the way to go – and it will do the work of parsing for you anyhow.

    —

    When you use dataType=”jsonp”, jQuery attempts to load the result by creating a SCRIPT element and setting the src attribute to the query string. The browser then ends up getting the returned json, and attempts to parse it as through it were a self-contained javascript file – and that’s what’s failing.

    The problem is that JSON is not valid plain standalone javascript: for example, the returned JSON string:

    { "results" : [ { "address_components" : [

    … fails to parse – and that’s what’s causing the errors. If it was, on the other hand,

    var foo = { "results" : [ { "address_components" : [

    or

    callback({ "results" : [ { "address_components" : [ ...  } )

    then it would be valid javascript. The latter is what jsonp is actually relying on returning.

    Bottom line is that you are getting back valid JSON, but because of the same origin policy, you can’t access it directly via XmlHttpRequest; and because it’s not JSONP with a function wrapped around it, you can’t use it via the SCRIPT backdoor that JSONP relies on to get around the same origin issue. Your only option for using this on a web page is to use the classes that Google provide you – since they are also from the Google site, they can access the JSON and parse it successfully – and return the processed results back to you.

    • 0