steven/tarc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

keep popup when bus moves

Browse source
This commit is contained in:
steven 2025-03-25 17:18:11 -04:00
parent e4bd7da77f
commit 8c2a4ee19b
2 changed files with 12 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

20
templates/map.html
View file

@ -15,25 +15,27 @@
<div id="map"></div>
<script>
let map=L.map("map",{center:[38.21,-85.75],zoom:13,layers:[L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png")]});
let busMarkers=L.layerGroup().addTo(map);
function updateMap() {
let busMarkers=new Map();
function updateMap(){
fetch("tarc.csv").then(response=>response.text()).then(data=>{
if (data == "") return;
busMarkers.clearLayers();
if(data=="")return;
data.split("\n").forEach(line=>{
var [lat,lng,r,id,p,d,s]=line.split(",");
L.marker([lat,lng]).bindPopup(`<b>Route ${r}</b><br>#${id}<br>${p} on board<br>${d}<br>@${s}mph`).addTo(busMarkers)
const [lat,lng,r,id,p,d,s,t]=line.split(",");
const info=`<b>Route ${r}</b><br>#${id}<br>${p} riders<br>${d}<br>${s}mph<br>${new Date(t*1000).toLocaleTimeString('en-US',{hour12:false})}`
if(busMarkers.has(id)){busMarkers.get(id).setLatLng([lat,lng]).bindPopup(info)
}else{busMarkers.set(id,L.marker([lat,lng]).bindPopup(info).addTo(map))}
})
})
setTimeout(updateMap,5000);
}
setInterval(updateMap,5000);
updateMap();
let locationMarker=L.marker([0,0]),locationRadius=L.circle([0,0]);
let locationMarker=L.marker([0,0]),locationRadius=L.circle([0,0]).bringToBack();
let locationLayer=L.layerGroup([locationMarker,locationRadius]).addTo(map);
map.locate({watch:true});
map.on("locationfound",e=>{
locationMarker.setLatLng(e.latlng).bindPopup("<b>You</b> at<br>"+new Date().toLocaleTimeString());
locationRadius.setLatLng(e.latlng).setRadius(e.accuracy/2).bringToBack()
locationRadius.setLatLng(e.latlng).setRadius(e.accuracy/2)
});
</script>
</body>