Javascript

Question

我正在尝试根据地址的纬度和经度值对地址进行反向地理编码并显示在 Bootstrap 模式中，因此我想更新变量 'startAddress' 与 ReverseGeocode 函数的结果，但我一直无法做到。

这是模态函数：

$(document).on("click", ".modal-editRoute", function () {
    var getCoord = $(this).attr("data");
    var splitCoord = getCoord.split(",");
    var startAddress = getReverseGeocodingData(splitCoord[0], splitCoord[1]);
    console.log("1: "+ startAddress); // This is undefined
    $(".modal-body #startRoute").val(startAddress);
    $(".modal-body #endRoute").val('coming soon');
});

这是 getReverseGeocodingData 函数：

function getReverseGeocodingData(lat, lng) {
    var latlng = new google.maps.LatLng(lat, lng);
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({ 'latLng': latlng }, function (results, status) {
        if (status !== google.maps.GeocoderStatus.OK) {
            alert(status);
        }
        if (status == google.maps.GeocoderStatus.OK) {
            var result = (results[0].formatted_address);
        }
        console.log("2: "+result);
        return result;
    });
}

这是它在控制台日志中的显示方式：

Answer 1

您可以使用承诺：

function getReverseGeocodingData(lat, lng) {
    var latlng = new google.maps.LatLng(lat, lng);
    var geocoder = new google.maps.Geocoder();
    return new Promise((resolve, reject) => {
        geocoder.geocode({ 'latLng': latlng }, function (results, status) {
            if (status !== google.maps.GeocoderStatus.OK) {
                alert(status);
            }
            if (status == google.maps.GeocoderStatus.OK) {
                var result = (results[0].formatted_address);
                startAddress = result;
            }
            console.log("2: "+startAddress); // This has the proper value
            resolve(startAddress);
        });
    });
}

$(document).on("click", ".modal-editRoute", function () {
    var getCoord = $(this).attr("data");
    var splitCoord = getCoord.split(",");
    getReverseGeocodingData(splitCoord[0], splitCoord[1])
      .then((startAddress) => {
          console.log("1: "+ startAddress); // This is empty
          $(".modal-body #startRoute").val(startAddress);
          $(".modal-body #endRoute").val('coming soon');
      });
});

要了解有关承诺的更多信息，您可以阅读这篇文章post：Promise

Javascript - 从嵌套函数返回值

Javascript - Returning a value from a nested function

google-maps

geocode