🚌 Bus ${bus.name}

${bus.routeName}

\n ${bus.onBreak ? \"🔴 On Break\" : \"🟢 Active\"}\n

\n `);\n }\n } else {\n // Create new marker\n try {\n markersRef.current[bus.vehicleId] = L.marker([bus.lat, bus.lng], {\n icon,\n })\n .addTo(mapRef.current)\n .bindPopup(\n `\n

🚌 Bus ${bus.name}

${bus.routeName}

\n ${bus.onBreak ? \"🔴 On Break\" : \"🟢 Active\"}\n

\n `,\n {\n closeButton: false,\n className: \"bus-popup\",\n autoPan: false,\n },\n );\n console.log(`Added marker for bus ${bus.name} (${bus.vehicleId})`);\n } catch (error) {\n console.error(`Error adding marker for bus ${bus.vehicleId}:`, error);\n }\n }\n });\n\n // Remove markers for buses no longer in the data\n // Only do this if we have new data\n if (positions.length > 0) {\n Object.keys(markersRef.current).forEach((id) => {\n if (!busMap.has(id)) {\n mapRef.current.removeLayer(markersRef.current[id]);\n delete markersRef.current[id];\n console.log(`Removed marker for bus ${id}`);\n }\n });\n }\n }, [positions, mapInitialized, lastPositions]);\n\n return (\n

\n \n

\n\n {!mapInitialized && (\n

Loading map...

\n )}\n\n {mapInitialized && positions.length === 0 && lastPositions.length === 0\n && (\n

Waiting for bus data...

\n )}\n \n );\n}","deleted","label",[174,175,156],"frontend","components","permalink","https://www.val.town/x/wolf/CWRUBuses/code/frontend/components/BusMap.tsx","extension","actionData","errors"]