Question

有人可以查看我的代码并告诉我我做错了什么吗？我知道Googlemaps地理编码器是一个异步功能，因此需要回调才能处理结果。所以我在这里遵循这个例子，但我仍然无法让它发挥作用：

How do I return a variable from Google Maps JavaScript geocoder callback?

我想给我的codeAddress函数一个实际的地址和一个回调函数。如果results数组有东西我将lat和lng发送给回调函数。

  codeAddress = function(address, callback) {
    var gpsPosition = {};
    if (geocoder) {
      geocoder.geocode({'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          if (results[0]) {
            console.log("got results!");
            var lat = results[0].geometry.location['B'];
            var lng = results[0].geometry.location['k'];
            callback(lat, lng);
          } else {
            alert("No results found");
          }
        } else {
          alert("Geocoder failed due to: " + status);
        }
      });
    }
  };

这是回调函数。基本上它从codeAddress函数获取lat和lng，并将lat和lng放入哈希并返回它。我的想法是在我创建新的地图标记时将哈希存储到名为location的变量中并引用location。

  createGPSPosition = function(lat, lng){
    console.log("createGPSPosition called with lat and lng:");
    console.log(lat);
    console.log(lng);
    var gpsPosition = {};
    gpsPosition.B = lat;
    gpsPosition.k = lng;
    console.log("gpsPosition:");
    console.log(gpsPosition);
    return gpsPosition;
  };

当我运行此代码时，console.log(gpsPosition);实际记录了最终的哈希对象。但是我仍然没有看到物体返回......所以当我这样做时：

var stuff = codeAddress("1600 Amphitheatre Pkwy, Mountain View, CA 94043", createGPSPosition)

stuff仍然显示为undefined。这里发生了什么？

Answer 1

这个问题是您期望asynchronous代码以同步方式工作。 stuff在codeAddress完成搜索之前定义。最简单的解决方案是提供不同的回调，在其中定义stuff并在那里使用它。这应该可以正常工作：

codeAddress("1600 Amphitheatre Pkwy, Mountain View, CA 94043", function(lat, lng){
   var stuff = createGPSPosition(lat, lng);
   console.log(stuff); // => your gpsPosition object
});

另一种方法是学习Promises。

无法让Googlemaps Geocoder通过回调返回LatLng

1 个答案: