具有特定信息内容的多个标记

Question

当我循环浏览地址列表时，我能够很好地绘制所有地址的标记。但是当我点击任何标记时，infowindow内容仅显示最后一个标记的数据。我该如何解决这个问题？

Javscript

var map ={};
map.markers = [];
map.addresses = [
    {
        'line': '2101 K St',        
        'ref_no': '160621-000005'        
    },
    {
        'line': '2131 K St',        
        'ref_no': '170708-000015'        
    },
    {
        'line': '2321 K St',        
        'ref_no': '170707-000028'
    }
];

.
.
.
map.map_object = new Map("esri_map", {
   basemap: "topo",
   center: [<lat>, <lng>],
   zoom: 12
});

var locator = new Locator("http://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer");
for(var i = 0; i < map.addresses.length; i++)
{
    var addr = map.addresses[i];
    var params = {
        countryCode: "US",
        maxLocations: 1,
        address: {"SingleLine": addr.line}
    };
    locator.addressToLocations(params, function(candidates){
        locatorDone(candidates, addr);
    });
}

function locatorDone(candidates, addr)
{
    .
    .
    .
    var html = "<h5>"+addr.line+"</h5>";            
    html += "<p>Ref#: "+addr.ref_no+"</p>";
    var infoTemplate = new esri.InfoTemplate(addr.ref_no, html); // <--- Problem lies here
    var graphic = new esri.Graphic(pt, symbol,'',infoTemplate);
    map.map_object.graphics.add(graphic);
    map.markers.push(graphic);
}

  

P.S：我使用 闭包 解决了类似的问题（如果使用Google Maps API）。但在这种情况下，我不确定如何使用它。

Answer 1

您可以将for循环的内部包装在一个自调用函数中，该函数将提供闭包。像这样：

for(var i = 0; i < map.addresses.length; i++) 
    (function (i) {
        var addr = map.addresses[i];
        var params = {
            countryCode: "US",
            maxLocations: 1,
            address: {"SingleLine": addr.line}
        };
        locator.addressToLocations(params, function(candidates){
            locatorDone(candidates, addr);
        });
    })(i)

这会使i本地代码块。由于现在在您的代码中，所有addr都引用了最后一个地址，因为当您异步调用for时locatorDone循环已经完成运行。或者，如果您不需要此代码在版本11以下的Internet Explorer上运行，则可以像let一样使用for (let i = 0; ...。