javascript - 基于坐标的请求不起作用

Question

我想做的是确定用户的位置，然后根据他的位置向 Yelp API 发出请求。

function getLocation()
  {
  if (navigator.geolocation)
    {
    var y = navigator.geolocation.getCurrentPosition(showPosition);
    return y;
    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}
  }
function showPosition(position)
  {
 var y = position.coords.latitude + 
  "," + position.coords.longitude;
  return y;
  }


function doRequest(){

var terms = 'turkish';
var near = 'San+Francisco';
var ll = getLocation();
... }

我已经测试了变量 y，它给出了真实的纬度和经度，如果我在 ll 中写了一个坐标，请求代码确实有效。

问题是，在这种情况下，我的 ll 参数在请求中似乎“未定义”，我无法收到来自 API 的任何响应。我不明白问题是什么。任何想法？

Answer 1

Geolocation API 是异步的，因此您必须等待返回数据

function getLocation(callback) {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
            callback({
                success : true, 
                result  : position.coords.latitude + "," + position.coords.longitude
            });
        });
    } else {
        callback({
            success : false, 
            result  : "Geolocation is not supported by this browser."
        });
    }
}

function doRequest() {
    var terms = 'turkish';
    var near = 'San+Francisco';
    getLocation(function(result) {
        if (result.success) {
            var y = result.result;

            // do something with y here
        }else{
            x.innerHTML = result.result;
        }
    });
}