Parsing Google Geo API (Reverse Geocoding) with jQuery

Question

I'm sure I'm not the only one, but I cannot parse/return anything when jQuery takes a request to lookup an address when the data being requested is the latitude and longitude so Google can return the data, but it cannot be read by jQuery?

http://maps.googleapis.com/maps/api/geocode/json

With parameters:

latlng=51.276914,1.077252
&sensor=false

In Firebug it says 200 OK but nothing is displayed in the response:

enter image description here

I can see it when I open it: http://maps.googleapis.com/maps/api/geocode/json?latlng=51.187296,1.229086&sensor=false&_=1302084865163

What I did was:

$.ajax(
{
    url: 'http://maps.googleapis.com/maps/api/geocode/json',
    data: 'latlng=' + geolocation + '&sensor=false',
    dataType: 'json',
    cache: false,
    success: function(data){ alert(data); }
});

That doesn't work... neither $.get, $.getJSON with the json dataType.

Why can't jQuery parse/read the response?

score 3 · Answer 1 · answered Mar 06 '13 at 22:32

As noted above by Bjorn there are security constraints due to the endpoint being on a different domain. However you do NOT need to use geocoder, as all that does is make an ajax request - it does little more than what you are doing now.

As Shidhin Cr notes above, one way around the security problem is that you can append callback=?, but all that really is doing is performing a task that jQuery can do for you automatically by using the "jsonp" dataType argument.

Also if you use $.getJSON it should automatically note that this is on a remote server and upgrade the request to jsonp automatically for you - but I might be remembering that wrong, there were some arguments about the jquery documentation related to that particular call.

In either case both of the above suggestions are correct, they were just lacking detail.

score 3 · Accepted Answer · edited May 23 '17 at 12:34

3

You need to use googles geocoder for security reasons. See answer here.

edited May 23 '17 at 12:34

Community

1
1

answered Apr 06 '11 at 14:27

Björn

1,593
1
13
28

score 1 · Answer 3 · edited Dec 13 '13 at 01:40

1

Change the data parameter like this . you can see the response coming properly

data: 'latlng=' + geolocation + '&sensor=false&callback=?'

edited Dec 13 '13 at 01:40

Igor

33,276
14
79
112

answered Sep 14 '11 at 07:54

Shidhin Cr

868
8
19

Diogo Cid · Answer 4 · 2017-02-20T12:56:48.103

0

try use $.getJSON to get the result

Example

var latlng = "40.06125658,-7.745361328";
var url = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + latlng + "&sensor=false";
$.getJSON(url, function (data) {
    for(var i=0;i<data.results.length;i++) {
        var adress = data.results[i].formatted_address;
        alert(adress);
     }
})

edited Feb 20 '17 at 12:56

answered Sep 01 '16 at 15:54

Diogo Cid

3,764
1
20
25

Parsing Google Geo API (Reverse Geocoding) with jQuery

4 Answers4

Linked

Related