Плагин TimeSlider и Leaflet - Маркеры не отображаются в порядке
Обновлено сJSFIDDLE ссылка
Я использую LeafletJS для создания веб-карты с ползунком шкалы времени. Я используюПлагин LeafletSlider показать группу маркеров на основе свойства GEOJSON с именемDATE_START
, Вот пример того, как выглядит мой объект данных:
var camps = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": {
"STATUS": "UNOCCUPIED",
"DATE_START": "2015-06-23",
"DATE_CLOSED": "2016-01-23"
},
"geometry": {
"type": "Point",
"coordinates": [64.6875, 34.97600151317591]
}
}, {
"type": "Feature",
"properties": {
"STATUS": "OCCUPIED",
"DATE_START": "2014-01-21",
"DATE_CLOSED": "2015-05-25"
},
"geometry": {
"type": "Point",
"coordinates": [65.335693359375, 36.26199220445664]
}
}, {
"type": "Feature",
"properties": {
"STATUS": "UNOCCUPIED",
"DATE_START": "2015-09-13",
"DATE_CLOSED": ""
},
"geometry": {
"type": "Point",
"coordinates": [67.587890625, 35.969115075774845]
}
}]
};
Пример моего кода:
//Create a marker layer (in the example done via a GeoJSON FeatureCollection)
var testlayer = L.geoJson(camps, {
onEachFeature: function(feature, layer) {
layer.bindPopup(feature.properties.DATE_START);
}
});
var sliderControl = L.control.sliderControl({
position: "topright",
layer: testlayer,
timeAttribute: 'DATE_START'
});
//Make sure to add the slider to the map ;-)
map.addControl(sliderControl);
//And initialize the slider
sliderControl.startSlider();
Я добавил плагин временного слайдера на свою карту, и, хотя он работает, я не могу заставить слайдер показывать маркеры во временном порядке. Например, маркер сDATE_START
ценность2014-01-21
отображается вторым, тогда как на самом деле его следует показывать первым, потому что это маркер с самой ранней датой.
Как я могу заставить мой таймер / маркеры отображаться в правильном порядке от самого раннего до самого последнего? Благодарю.