Наладить один клик - два события js, чтобы дважды не кликать.
 

По первому клику на кнопку вешается событие и только потом срабатывает обработчик который был повешен при первом клике.
Собственно код:
https://codepen.io/konstant1982/pen/...K?editors=1010

Что следует изменить, как и где прописать?

Konstant82,
<button id = "find-me" onclick="calculateDistance()">Дистанция</button><br/>

function success(position) {
    latitude   = position.coords.latitude;
    longitude  = position.coords.longitude;

    status.textContent = '';
    mapLink.href = `https://www.openstreetmap.org/#map=18/${latitude}/${longitude}`;
    mapLink.textContent = `Latitude: ${latitude} °, Longitude: ${longitude} °`;
*!*
    calculateDistance()
*/!*
  }