You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

36 lines
1.1 KiB

  1. var map = L.map('map').setView([49.41607523, 8.672200499], 19);
  2. L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
  3. maxZoom: 44,
  4. attribution: '© OpenStreetMap'
  5. }).addTo(map);
  6. // helper function for displayRoute()
  7. async function prepare(){
  8. var allcoordinates = getAllCoordinates('coordinates');
  9. return allcoordinates;
  10. }
  11. async function displayRoute() {
  12. var allcoordinates = await prepare();
  13. console.log(allcoordinates);
  14. //var marker = L.marker([49.41607523,8.67220049]).addTo(map);
  15. var polyline = L.polyline(allcoordinates, {color: 'red'}).addTo(map);
  16. var currentime = await getCurrentTime()
  17. var ul = document.getElementById("list");
  18. var li = document.createElement("li");
  19. li.appendChild(document.createTextNode("Last travelled route on: " +currentime+""));
  20. ul.appendChild(li);
  21. map.fitBounds(polyline.getBounds());
  22. map.fitBounds(polyline.getBounds())
  23. return currentime
  24. }
  25. async function showBike(){
  26. var current_cord = await getCurrentCoordinate()
  27. L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
  28. L.marker(current_cord).addTo(map)
  29. .bindPopup(' Your BIKE!')
  30. .openPopup();
  31. }