javascript - 从Google Maps API中的GEvent.addListener返回值？

我只是想使用Google Maps API从 map 上的2个点获取距离。使用GDirections。问题在于函数完成后，距离始终为空。我知道这是因为直到函数完成后才调用“load”事件。事件监听器也不返回值，所以我很困惑!

有人知道我如何使该函数返回距离吗？也许有更好的方法来获取Google Maps API中2个点之间的距离？

function getDistance(fromAddr, toAddr) {
var distance;
var directions;

directions = new GDirections(null, null);
directions.load("from: " + fromAddr + " to: " + toAddr);

GEvent.addListener(directions, "load", function() {
    distance = directions.getDistance().html;
    distance = distance.replace(/&.*/, '');
});

return distance; //outputs null
}

最佳答案

GDirections加载是异步的。在触发加载事件之前，您将无法使用加载请求的结果。这意味着您的getDistance函数仅设置GDirections加载请求，它将无法同步(立即)获取请求的结果。 GDIrections对象必须消失，并向Google发出HTTP请求，以便它可以计算出两点之间的距离。

您需要做的是将使用距离的代码放入传递给加载请求的回调函数中:

GEvent.addListener(directions, "load", function() {
            // this is a callback function that is called after
            // the getDistance function finishes.
            var distance = directions.getDistance().html;

            // Have a distance now, need to do something with it.
            doSomethingWithTheDistanceWeGotBack (distance);
    });

这是一个使用GDirections负载的示例(获取行驶持续时间，而不是距离，但原理相同):

http://www.cannonade.net/geo.php?test=geo6

您可以在此处找到源:

http://www.cannonade.net/geo6.js