传单反向地理编码

Question

我想要的是使用传单地图+功能，我可以在其中传递纬度/经度并接收带有地址的短信。

我正在尝试使用 esri 插件，但是我做错了。目前我正在获取函数内部的地址，但我不知道如何正确地将其传递给变量。

这是我的代码：

var map = L.map('map').setView([40.725, -73.985], 7);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

var geocodeService = L.esri.Geocoding.geocodeService();

map.on('click', function(e) {
  geocodeService.reverse().latlng(e.latlng).run(function(error, result) {
    L.marker(result.latlng).addTo(map).bindPopup(result.address.Match_addr).openPopup();
  });
});

var message;

message = geocodeService.reverse().latlng([40.725, -73.985]).run(function(error, result) {
  //alert(result.address.Match_addr); //this alert works here ok and can retur addrress
  return result.address.Match_addr;
});

//this alert won't work, why I can get the address here outside the function
alert(message); 

这是完整的示例： https: //jsfiddle.net/5aq6z1vL/

如何将地理编码器用作如下函数：

var address = convertToAddress([40.725, -73.985]);

function convertToAddress(]lat,lon])
{
  // here return address after geocoding
}

Answer 1

发生这种情况是因为message会被函数的 HTTP 响应填满run。

因为该run函数需要一些时间来执行，所以alert(message)将在 run 函数完成之前执行。

这是可以解决您的问题的小提琴：JSFiddle

编辑：

好的，那么您要找的是Promises。您的代码需要等待插件获取地址。不幸的是，我不知道如何使用普通 JS 来做到这一点，所以我导入了 jQuery（以使用方法$.when和then对象$.Deferred）。

这是新的小提琴

如果你在 vanilla JS 中需要这个，我可以查看 vanilla JS 中的 Promises。