Skip to content

Latest commit

History

17 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

GPS-Nav-HTML

A single-file, offline-first GPS navigation app built entirely with HTML, CSS and JavaScript. No app store, no account, no tracking — just open gps6.html in any modern mobile browser (e.g. Vanadium/Chrome/Firefox) and start navigating.

Features

  • Live GPS tracking — auto-starts on load, shows your position and heading on an OpenStreetMap map
  • Search & POIs — search cities, streets and places (Photon geocoder), or tap the 🏪 button to browse nearby POIs (restaurants, fuel, parking, hotels, pharmacies, ATMs, sights…) fetched from Overpass/OpenStreetMap
  • Turn-by-turn navigation — set a destination, get a full route with:
    • 🚗 Car or 🚶 Walking routing (OSRM + automatic Valhalla fallback when the OSRM servers are offline)
    • Route preference: ⭐ Best, ⚡ Fastest, 📏 Shortest
    • Automatic rerouting if you leave the route
  • Full-screen 3D driving view — pseudo-3D perspective road view with junctions, side roads and a turning arrow, plus ETA and distance-to-turn HUD
  • Voice guidance — spoken instructions at key distances:
    • 🔊 System voice (device TTS)
    • 📡 Online voice (Google Translate TTS — works even on de-Googled devices where system TTS is silent)
    • 🔇 Muted
  • Slide-down menu — all extra controls tuck into a compact ☰ menu so the map stays clear in portrait mode
  • Persistent settings — your voice mode, transport mode and route preference are remembered between sessions
  • Wake lock — keeps the screen on while navigating

Screenshots

| 3D navigation view | |--- 3D navigation view |

How to use

  1. Download gps6.html (or clone this repo) onto your phone.
  2. Open it in a browser — GPS starts automatically and the map centres on you.
  3. Search or tap the map to set a destination.
  4. Tap 🧭 Navigate to get a route.
  5. Use the menu to switch transport mode, voice, route preference or the 3D view.
  6. Tap ⏹ Stop to end navigation.

Note: navigation needs an internet connection for map tiles, routing and POI search. Your GPS position itself never leaves the device.

Data & services

License

OpenStreetMap data is © OpenStreetMap contributors (ODbL). The app itself is free to use and modify.

About

GPS navigator HTML single file

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages