A Leaflet plugin to geolocate the user and display heading, speed and location like a simple navigation app
Tested with Leaflet 1.9.2 in Firefox and Chrome

Include the CSS and JavaScript files

<link rel="stylesheet" href="path/to/L.Control.Boating.css" />
<script src="path/to/L.Control.Boating.js"></script>

Add the following snippet to your map initialization

L.control.boating().addTo(map)

Leaflet.Boating is extended from Leaflet Control. See documentation for options and methods

For an example case, see the file index.html
For more, see the online demo

MIT