JavaScript - Geolocation con JS

En resumen: Tengo una landing page. Necesito dos botones, un botón para empezar, y otro para parar. Cuando le de a iniciar que se active el GPS y me vaya en vivo diciendo la distancia andada y cuando le de a parar al botón que me diga la distancia que ande.

He pensado que se puede hacer con watchPosition() pero no se muy bien como hacerlo, a ver si alguien tiene algún ejemplo o sabe...

Pues buscando en la web he encontrado esto
https://developer.mozilla.org/es/docs/WebAPI/Using_geolocation
Posiblemente te pueda ayudar