如何將外部值添加到Leaflet地理編碼查詢？

Question

此代碼地址解析從JavaScript對象數據，並將其工作正常：

var queryAddr = [{"location":"London, UK", "size":10},{"location":"Chelmsford, UK","size":160}]; 

geocoder = new L.Control.Geocoder.Nominatim(); 
for (i = 0; i < queryAddr.length; i++) { 
    var yourQuery = queryAddr[i]["location"]; 
    geocoder.geocode(yourQuery, function(results) {  
    x_coor = results[0].center.lng; 
    y_coor = results[0].center.lat; 
    L.circleMarker([y_coor, x_coor]).addTo(map); 
    }); 
} 

但是如果我想使用circleMarker半徑選項添加大小值？我試過這樣做，但它說價值是未定義的。

geocoder = new L.Control.Geocoder.Nominatim(); 
for (i = 0; i < queryAddr.length; i++) { 
    var yourQuery = queryAddr[i]["location"]; 
    geocoder.geocode(yourQuery, function(results) {  
    x_coor = results[0].center.lng; 
    y_coor = results[0].center.lat; 
    circleSize = queryAddr[i]["size"]; 
    L.circleMarker([y_coor, x_coor], {radius: circleSize}).addTo(map); 
    }); 
} 

Answer 1

您不能從回調函數內部訪問外部範圍。 所以queryAddr是不可見的這行：

circleSize = queryAddr[i]["size"];

所以移動地理編碼器外呼，並使用地圖遍歷地址項

這樣的：

geocoder = new L.Control.Geocoder.Nominatim(); 
 

 
queryAddr.map(function(itemAddr) { 
 
    geocoder.geocode(itemAddr["location"], function(results) {  
 
    x_coor = results[0].center.lng; 
 
    y_coor = results[0].center.lat; 
 
    L.circleMarker([y_coor, x_coor], {radius: itemAddr["size]}).addTo(map); 
 
    }); 
 
});