https://github.com/Kasheftin/RoutePlanner buradaki scripti kullanmak istiyorum fakat ufak bir değişiklik ile.
Boş hedef yazan yerlere adresleri ekliyorum ve uygula dediğimde benim eklediğim sırada gösteriyor ama ben eklenen adreslerin en yakından uzağa olmasını istiyorum.
Mesela 1. sıra Üsküdar/Çengelköy(başlangıç herzaman bu olacak)
2. Sarıyer/tarabya
3. Beylikdüzü/Kayaşehir
4.Edirne
5.Fatih/Ankara Cad.
gibi ekleme yaptığımda bana 1. adrese en yakın olandan sıralamasını istiyorum nasıl yapabilirim? (gerekli kodları https://github.com/Kasheftin/RoutePlanner dan inceleyebilirsiniz adres eklemeleri olan kodlar aşağıdadır.)
<div class="ro-shape-title ro-shape-active">
<div class="ro-controls ro-controls-aright">
<a class="glyphicon glyphicon-remove" title="Yol tariflerini sil" href="#" data-bind="click:deleteShape"></a>
</div>
<div class="ro-as-link">
<i class="glyphicon icon-directions"></i>
<span data-bind="text:name()||'Adsız yol tarifleri'"></span>
</div>
<div class="ro-destinations-list" data-bind="sortable:{data:destinations,connectClass:'ro-destinations-list'}">
<div class="input-group input-group-sm form-group">
<span class="input-group-addon ro-destination-label" data-bind="text:$index()+1"></span>
<input type="text" class="form-control" data-bind="value:name,event:{focus:createAutocomplete,blur:destroyAutocomplete}" placeholder=" --Boş Hedef--">
<a class="btn btn-default glyphicon glyphicon-remove input-group-addon" href="#" data-bind="visible:$parent.destinations().length>2,click:$parent.removeDestination.bind($parent,$data)"></a>
</div>
</div>
<div class="ro-sub-checkboxes">
<a data-bind="click:toggleAvoidHighways,clickBubble:false" href="#">
<i class="glyphicon" data-bind="css:{'glyphicon-check':avoidHighways(),'glyphicon-unchecked':!avoidHighways()}"></i>
Otoyol Yok
</a>
<a data-bind="click:toggleAvoidTolls,clickBubble:false" href="#">
<i class="glyphicon" data-bind="css:{'glyphicon-check':avoidTolls(),'glyphicon-unchecked':!avoidTolls()}"></i>
Geçiş Ücreti Yok
</a>
</div>
<div class="ro-links-right">
<a href="#" data-bind="click:addDestination.bind($data,'')">Konum Ekle</a>
<a href="#" data-bind="click:done.bind($data,'')">Uygula</a>
</div>
</div>