在 Foreach 循环 JS 中调用异步方法 [重复]

Question

我正在尝试对 Google 地图进行异步调用以获取 foreach 循环内的地址。

这是函数：

//Function to get address from geographic coordinates
        function getAddress(item) {
            var address = 'Not fetched';
            geocoder = new google.maps.Geocoder();
                var latlng = new google.maps.LatLng(parseFloat(item.Latitude), parseFloat(item.Longitude));
                geocoder.geocode({ 'latLng': latlng }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK)
                        address = results[0].formatted_address;
                });
                return address;
        }

这是循环：

 recreateMarkers: function (self, data) {
                        data.vehicleInfo.forEach(function (item) {
                            self.Location= getAddress(item);
                        });
                    }

数据结构： 1.车辆标识 2. 纬度 3. 经度 4. 位置

现在的问题是它为所有车辆提供了相同或未定义的位置。

如果有人可以提供帮助会很高兴。

Answer 1

这里是异步的问题，

return address 在address = results[0].formatted_address; 分配谷歌获取地址之前执行，所以你的函数应该是这样的

 function getAddress(item) {
            var address = 'Not fetched';
            geocoder = new google.maps.Geocoder();
                var latlng = new google.maps.LatLng(parseFloat(item.Latitude), parseFloat(item.Longitude));
                geocoder.geocode({ 'latLng': latlng }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK)
                        address = results[0].formatted_address;
                        return address; //<= this statement should be here
                });
           // Note return address; should not be here
    }