πΊοΈ Demo Routes (No API Key Required)
Test the offline route visualization without Google Maps API. Routes are rendered using pure SVG and stored in IndexedDB.
π Demo Routes
NYC to DC Road Trip
New York City, NY β Washington, DC
361.0 km β’ 4h 0m
LA to SF Coast Drive
Los Angeles, CA β San Francisco, CA
615.0 km β’ 6h 0m
Miami to Orlando
Miami, FL β Orlando, FL
378.0 km β’ 3h 30m
πΊοΈ
Select a route from the list to view it
π§ͺ Testing Instructions (No Google Maps API Required)
- View Routes: Click any route in the list to see SVG visualization
- Save to IndexedDB: Click "πΎ Save to IndexedDB" on any route
- Check Storage: Open DevTools β Application β IndexedDB β TravellersOfflineCache
- Test Offline: Go offline (DevTools Network tab β Offline), refresh page, routes still load!
- Delete Routes: Click "ποΈ Delete" to remove from IndexedDB
Why this works without Google Maps: The routes use pre-calculated polylines (encoded route paths). The OfflineRouteRenderer converts these to SVG paths, so no external API is needed!