GeoJSONプロパティのID番号に従ってドロップダウンリスト項目の順序を設定する方法

Question

これは私のフィドルです。http://jsfiddle.net/anton9ov/d8yga33f/ GeoJSONファイルのID番号に従ってセレクタ内の項目の順序を整理する必要があります。これは、項目がリストに表示される自分のコードの一部です：

map.on("layeradd", function(e) { 
    if(!e.layer.options) { 
    return; 
    } 

    if((e.layer.options.id != "markerLayer1") && (e.layer.options.id != "markerLayer2")) { 
    return; 
    } 

    var markers = e.layer.getLayers(); 

    var mySelector = $("#mySelector"); 

    for(var i = 0; i < markers.length; i++) { 
    mySelector.append("<option value='" + L.stamp(markers[i]) + "'>" + markers[i].feature.properties.name + "</option>"); 
    } 
}); 

Answer 1

はArray.prototype.sort()を使用してみてください：

map.on("layeradd", function(e) { 
    // ... 
    var markers = e.layer.getLayers(); 

    // Get the dropdown 
    var mySelector = $("#mySelector"); 

    markers.sort(function(a,b) { 
    // get the ids, and parse them as int 
    var aId = parseInt(a.feature.properties.id,10), 
     bId = parseInt(b.feature.properties.id,10); 
    return aId < bId ? -1 : aId > bId ? 1 : 0 
    }).forEach(function(marker) { 
    mySelector.append("<option value='" 
     + L.stamp(marker) + "'>" 
     + marker.feature.properties.id // I added the marker id 
     + '. ' 
     + marker.feature.properties.name 
     + "</option>"); 
    }) 
}); 

はforked fiddle

を参照してください。