小叶反向地理编码

Question

我想要的是使用Leaflet map + function，我可以传递Lat / Lng并接收带地址的文本消息。

我正在尝试使用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将填充来自run函数的HTTP响应。

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

这是一个可以解决你的问题的小提琴：JSFiddle

编辑：

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

这是新的Fiddle

如果你需要在vanilla JS中使用它，我可以在vanilla JS中查看Promises。