added working timeslider example to curl.php

website/curl.php

@@ -183,7 +183,8 @@ function callAPI($url){
           //.openPopup();
 
 
-        var scooter1 = L.marker([52.508926, 13.355061], 
+
+        var scooter2 = L.marker([52.508926, 13.355061], 
                                 {time: "2020-10-09T08:00:29Z"},
                                 {icon: availableIcon}).addTo(map)
           .bindPopup('Last updated <?php echo $lst; ?>')
@@ -194,7 +195,7 @@ function callAPI($url){
           //.openPopup();
 
 
-        var scooter1 = L.marker([52.506926, 13.348061], 
+        var scooter3 = L.marker([52.506926, 13.348061], 
                                 {time: "2020-10-09T08:00:29Z"},
                                 {icon: availableIcon}).addTo(map)
           .bindPopup('Last updated <?php echo $lst; ?>')
@@ -204,18 +205,28 @@ function callAPI($url){
           .setIcon(isMaintenanceIcon); // scooter is rented
           //.openPopup();
 
+        //scooter 3 different time and poss
+        var scooter3 = L.marker([52.509926, 13.348061], 
+                                {time: "2020-10-09T09:00:29Z"},
+                                {icon: availableIcon}).addTo(map)
+          .bindPopup('Last updated <?php echo $lst; ?>')
+          .bindTooltip('artist name')
+          //.setIcon(availableIcon); // scooter is available
+          //.setIcon(isRentedIcon); // scooter is rented
+          .setIcon(isMaintenanceIcon); // scooter is rented
+          //.openPopup();
 
 
         // time slider
 
         //test markers
         //var marker1 = L.marker([52.504926, 13.358061], {time: "2020-10-09T08:00:29Z"});
-        var marker2 = L.marker([52.506926, 13.358061], {time: "2020-10-09T09:00:29Z"});
-        var marker3 = L.marker([52.508926, 13.358061], {time: "2020-10-09T10:00:29Z"});
+        //var marker2 = L.marker([52.506926, 13.358061], {time: "2020-10-09T09:00:29Z"});
+        //var marker3 = L.marker([52.508926, 13.358061], {time: "2020-10-09T10:00:29Z"});
 
         // var map = marker1;
         // layerGroup = L.layerGroup([marker_e7a96a6d6b08479ba6d17d42769e5202]);
-        layerGroup = L.layerGroup([scooter1, marker2, marker3]);
+        layerGroup = L.layerGroup([scooter1, scooter3]);
         var sliderControl = L.control.sliderControl({layer:layerGroup});
         map.addControl(sliderControl);
         sliderControl.startSlider();