LeafletSlider
LeafletSlider copied to clipboard
dwilhelm89
LeafletSlider
Hi, I try to use the leadletslider for the markers based on time. The marker_list is a list of the markers like `L.marker(latlng, { time: feature.properties.time, icon: treeIcon });` I...
So I've been trying to get this to work with the bindPopup feature in leaflet once the data points are placed by I can't seem to get them to appear....
**Hello! Is there a way to display more data (markers) that share the same datetime?** It looks like it creates a "step slider" for each marker in the layerGroup. So...
`[[{"id":1,"lng":42.474886,"lat":37.878424,"time":1590994287,"color":"green","renk":"green","radius":5,"info":"nam"}], [{"id":1,"lng":42.831962,"lat":39.920364,"time":1591080687,"color":"green","renk":"green","radius":5,"info":[]}, {"id":1,"lng":42.831962,"lat":39.920364,"time":1591080687,"color":"green","renk":"green","radius":5,"info":[]}, {"id":1,"lng":42.831962,"lat":39.920364,"time":1591080687,"color":"green","renk":"green","radius":5,"info":[]}, {"id":1,"lng":40.696816,"lat":38.403603,"time":1591167082,"color":"green","renk":"green","radius":5,"info":[]}, {"id":1,"lng":40.696816,"lat":39.403603,"time":1591170681,"color":"green","renk":"green","radius":5,"info":[]}, {"id":1,"lng":40.696816,"lat":40.403603,"time":1591174267,"color":"green","renk":"green","radius":5,"info":[]}], [{"id":2,"lng":42.831962,"lat":39.920364,"time":1591080688,"color":"blue","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":40.696816,"lat":38.503603,"time":1591167077,"color":"blue","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":40.696816,"lat":38.523603,"time":1591170687,"color":"blue","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":40.696816,"lat":40.803603,"time":1591174280,"color":"blue","dir":60,"renk":"blue","radius":10,"info":[]}], [{"id":2,"lng":42.831962,"lat":36.920364,"time":1591080688,"color":"yellow","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":40.696816,"lat":36.503603,"time":1591167077,"color":"yellow","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":40.696816,"lat":36.523603,"time":1591170687,"color":"yellow","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":40.696816,"lat":36.803603,"time":1591174280,"color":"yellow","dir":60,"renk":"blue","radius":10,"info":[]}], [{"id":2,"lng":44.831962,"lat":36.920364,"time":1591080688,"color":"orange","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":44.696816,"lat":36.503603,"time":1591167077,"color":"orange","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":44.696816,"lat":36.523603,"time":1591170687,"color":"orange","dir":60,"renk":"blue","radius":10,"info":[]}, {"id":2,"lng":44.696816,"lat":36.803603,"time":1591174280,"color":"orange","dir":60,"renk":"blue","radius":10,"info":[]}], [{"id":3,"lng":47.133951,"lat":42.403603,"time":1570994287,"color":"red","renk":"red","radius":8,"info":[]}, {"id":3,"lng":48.896782,"lat":41.025706,"time":1591080685,"color":"red","dir":180,"renk":"red","radius":8,"info":[]}, {"id":3,"lng":48.388503,"lat":40.915416,"time":1591167087,"color":"red","dir":180,"renk":"red","radius":8,"info":[]}, {"id":3,"lng":45.300416,"lat":37.010493,"time":1591170688,"color":"red","dir":180,"renk":"red","radius":8,"info":[]}, {"id":3,"lng":40.182588,"lat":37.935770,"time":1591174287,"color":"red","dir":180,"renk":"red","radius":8,"info":[]}]]` Slider can be made with the...
Hello everyone, someone knows how to display just 1 marker instead of the current and the before of it? Eg: M = Marker M1 -> M2 -> M3 -> M2...
@Falke-Design Using example code from your updated repo or README, ``` var marker1 = L.marker([51.5, -0.09], {time: "2013-01-22 08:42:26+01"}); var marker2 = L.marker([51.6, -0.09], {time: "2013-01-22 10:00:26+01"}); var marker3 =...
I have my json features and I would to view them by the "year" in order from (1979-2019) using the slider. My slider works but the years are jumbled in...
