πŸ—ΊοΈ 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)

  1. View Routes: Click any route in the list to see SVG visualization
  2. Save to IndexedDB: Click "πŸ’Ύ Save to IndexedDB" on any route
  3. Check Storage: Open DevTools β†’ Application β†’ IndexedDB β†’ TravellersOfflineCache
  4. Test Offline: Go offline (DevTools Network tab β†’ Offline), refresh page, routes still load!
  5. 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!