Revive yaris-obd: USB OBD adapter, real GPS/GNSS, offline map, hotspot, SQLite logging, dashcam retrieval
Squashed rewrite of the project revival work (replaces prior history on this branch to remove personal data that had been accidentally committed - real LAN IP, GPS coordinates, home WiFi SSID, and phone model). See PLAN.md for full phase-by-phase details. Summary: - Phase 2: adapt app_obd.py for a USB OBD-II adapter (was Bluetooth-only), auto-detect /dev/ttyUSB*, fix several pre-existing crash bugs. - Phase 3/4: make the web UI work fully offline (vendored Socket.IO/Leaflet/ Chart.js/FontAwesome, offline map tile downloader script, live GPS marker tracking fix). - Phase 5: systemd deployment/autostart on the Pi. - Phase 6: WiFi hotspot mode via NetworkManager (auto-switch between home WiFi and a local AP for in-car web UI access), mDNS hostname + port 80 redirect so the UI is reachable at a plain hostname with no port number. - Phase 7: fix app_db.py/app_sql.py bugs, wire up local SQLite trip logging. - Phase 8: brand-agnostic USB dashcam file retrieval (lsblk transport-based detection, works with any dashcam brand/folder layout). - Rewritten readme.md with a proper project overview. Co-authored-by: Copilot <[email protected]>
This commit is contained in:
+24
-7
@@ -1,13 +1,19 @@
|
||||
const socket = io();
|
||||
// map
|
||||
|
||||
var map = L.map('map').setView([48.505, -0.09], 13);
|
||||
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
|
||||
// Offline tiles pre-downloaded via scripts/download_map_tiles.py (see PLAN.md
|
||||
// Phase 3). Only zoom 8-15 is cached by default - matches DEFAULT_MIN_ZOOM/
|
||||
// DEFAULT_MAX_ZOOM in that script.
|
||||
// Generic placeholder center (not a real location) - re-centers automatically
|
||||
// to the real live GPS fix once one comes in (see gps_location handler below).
|
||||
var map = L.map('map', { minZoom: 8, maxZoom: 15 }).setView([48.505, -0.09], 12);
|
||||
L.tileLayer('/static/vendor/tiles/{z}/{x}/{y}.png', {
|
||||
attribution: '© <a href="https://www.maptiler.com/copyright/" target="_blank">MapTiler</a> © <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a> contributors',
|
||||
minZoom: 8,
|
||||
maxZoom: 15
|
||||
}).addTo(map);
|
||||
L.marker([51.5, -0.09]).addTo(map)
|
||||
.bindPopup('your car... soon(tm)')
|
||||
.openPopup();
|
||||
var carMarker = L.marker(map.getCenter()).addTo(map)
|
||||
.bindPopup('your car... soon(tm)');
|
||||
|
||||
// charts
|
||||
|
||||
@@ -95,6 +101,8 @@ socket.on('rpi_uptime', function(data) {
|
||||
status.innerHTML = data;
|
||||
});
|
||||
|
||||
let mapCentered = false;
|
||||
|
||||
socket.on('gps_location', function(data) {
|
||||
console.log("location received")
|
||||
const LocationX = document.getElementById('gpsLocationX');
|
||||
@@ -102,4 +110,13 @@ socket.on('gps_location', function(data) {
|
||||
LocationX.innerHTML = data[0];
|
||||
LocationY.innerHTML = data[1];
|
||||
|
||||
});
|
||||
const lat = data[0];
|
||||
const lon = data[1];
|
||||
if (lat != null && lon != null) {
|
||||
carMarker.setLatLng([lat, lon]);
|
||||
if (!mapCentered) {
|
||||
map.setView([lat, lon], 15);
|
||||
mapCentered = true;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user