在谷歌服务函数中传递变量

Question

我正在使用 Google API 的 DistanceMatrixService 我试图在调用 getDistanceMatrix 函数时传递变量 'resto'，这样当我得到响应时，我可以进一步使用该变量。 我的函数如下所示：

                var service = new google.maps.DistanceMatrixService();
                var resto = listRestaurant[i];
                service.getDistanceMatrix({
                    origins: [ new google.maps.LatLng(locationCurrent.coords.latitude, locationCurrent.coords.longitude) ] ,
                    destinations: [ resto.address ],
                //Here i am trying to pass the variable 'resto'
                },function ( response , status , resto ){
                    if (status != google.maps.DistanceMatrixStatus.OK) {
                        alert('Error was: ' + status);
                    } else {
                        if( response.rows[0].elements[0].distance !=null  ){
                            //Further use variable
                            console.log( resto );
                            callGeocoder( resto  );
                        }
                    }
                });

但是日志返回'未定义变量'

我做错了什么？

Answer 1

你没有传递变量，你定义了一个函数参数。

参数会在API内部传递，传递的参数只有一个DirectionsResult和一个DirectionsStatus，没有办法传递额外的参数。

您可以使用匿名函数使变量在回调中可用：

             var service = new google.maps.DistanceMatrixService();

            (
              function(resto){
                service.getDistanceMatrix({
                  origins: [ new google.maps.LatLng(locationCurrent.coords.latitude, 
                                                    locationCurrent.coords.longitude) ] ,
                  destinations: [ resto.address ],
                    //note:travelMode is required too
                  travelMode: google.maps.TravelMode.DRIVING
                },function ( response , status ){
                if (status != google.maps.DistanceMatrixStatus.OK) {
                    alert('Error was: ' + status);
                } else { 
                    if( response.rows[0].elements[0].distance !=null  ){
                        //Further use variable
                        console.log( resto );
                        callGeocoder( resto  );
                    }
                }
                });
              }
            )(listRestaurant[i]);