最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Google Maps Geocoding APi not returning lat and long - Stack Overflow

programmeradmin6浏览0评论

I'm utilizing the Geocoding API for converting and address to latitude and longitude coordinate values. I do receive results but the lat and long are empty. Other SO posts mention the Geocoder requests are asynchronous and Google just doesn't return the data fast enough. I'm not understanding how to fix this for my code if that is the problem.

var coords = [];
var address = '1600 Pennsylvania Ave NW, Washington, DC 20500';
var geocoder = new google.maps.Geocoder();
geocoder.geocode({'address': address}, function( results, status ) {
        if (status === google.maps.GeocoderStatus.OK) {
            coords[0] = results[0].geometry.location.lat();
            coords[1] = results[0].geometry.location.lng();
        }
        else {
            coords = 'Could not retrieve coordinates for: ' + address;
        }
    });
return coords;

Even if I use a well-known address I still get no lat or long.

Results object:

Is this really the problem or is there something wrong with the code I'm using? How can I fix this?

I'm utilizing the Geocoding API for converting and address to latitude and longitude coordinate values. I do receive results but the lat and long are empty. Other SO posts mention the Geocoder requests are asynchronous and Google just doesn't return the data fast enough. I'm not understanding how to fix this for my code if that is the problem.

var coords = [];
var address = '1600 Pennsylvania Ave NW, Washington, DC 20500';
var geocoder = new google.maps.Geocoder();
geocoder.geocode({'address': address}, function( results, status ) {
        if (status === google.maps.GeocoderStatus.OK) {
            coords[0] = results[0].geometry.location.lat();
            coords[1] = results[0].geometry.location.lng();
        }
        else {
            coords = 'Could not retrieve coordinates for: ' + address;
        }
    });
return coords;

Even if I use a well-known address I still get no lat or long.

Results object:

Is this really the problem or is there something wrong with the code I'm using? How can I fix this?

Share Improve this question asked May 21, 2016 at 0:33 JsusSalvJsusSalv 5171 gold badge8 silver badges22 bronze badges 8
  • 1 You can't return anything from an asynchronous callback function, you need to use the data there when/where it exists – geocodezip Commented May 21, 2016 at 0:39
  • 1 Then what's the point of this documentation: developers.google./maps/documentation/javascript/geocoding It mentions everything that is returned, including the geometry: {location: LatLng}... which is what I need. – JsusSalv Commented May 21, 2016 at 0:47
  • 2 Related/possible duplicate question: Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference. The lat/lng are returned (if the result is "OK"), they are just returned in the callback function after the value of coords is returned to the calling function. – geocodezip Commented May 21, 2016 at 1:08
  • 1 Good link but that's what I was referring to. It sounds like it may be an async issue but I don't understand how to fix that. How does passing the results to another function give Google more time to respond with the full info requested? I can't imagine I am the only dev to ever e across this problem. There's just no info online with examples on a possible fix. – JsusSalv Commented May 21, 2016 at 1:21
  • 1 One option (which is described in the linked question) is a promise. – geocodezip Commented May 21, 2016 at 1:28
 |  Show 3 more ments

2 Answers 2

Reset to default 4

this question was asked a long time ago but your code gave me hint to solve my problem. The response returned from API call are only function lat & function lgt, that's why there are no coordinates. You have to call the functions as specified in the question

coords[0] = results[0].geometry.location.lat();
coords[1] = results[0].geometry.location.lng();

if you console.log(coords), you can see the result.

Ended up using this to solve the issue:

var request = new XMLHttpRequest();
request.open( 'GET', 'https://maps.googleapis./maps/api/geocode/json?address=' + address, false);
request.send( null );

Though, I had to set false in order to keep the request synchronous. Seems this is/will be deprecated but for my purposes it should be fine. I can now parse through the json by doing the following:

var request = new XMLHttpRequest();
request.open( 'GET', 'https://maps.googleapis./maps/api/geocode/json?address=' + address, false);
request.send( null );

This is fine I think. Just wish the Geocoder documentation made note of the asynchronous issues and provided better solutions.

发布评论

评论列表(0)

  1. 暂无评论