function degreeToRadians(value) {
return value * Math.PI / 180;
}

function getDistanceKm(lat1, lon1, lat2, lon2) {
// R: raggio della terra (paragonabile ad una sfera) in chilometri
var R = 6371;

var deltaLat = degreeToRadians(lat2-lat1);
var deltaLon = degreeToRadians(lon2-lon1);

lat1 =degreeToRadians(lat1);
lat2 =degreeToRadians(lat2);

var a = Math.sin(deltaLat/2) * Math.sin(deltaLat/2) +
           Math.cos(lat1) * Math.cos(lat2) * Math.sin(deltaLon/2) * Math.sin(deltaLong/2);

var c = 2 * Math.atan2(Math.sqrt(a),Math.sqrt(1-a));
var d = R * c;

return d;

}

function updateDistances(){

  var poi = document.querySelectorAll(".dist");
  
  //Scorro gli elementi rappresentanti i punti di interesse, calcolando la distanza dalla posizione attuale
  for (var i = 0; i < poi.length; i++) {
    poi<i>.innerHTML = distance(startPosition.coords.latitude, startPosition.coords.longitude, poi<i>.dataset.lat, poi<i>.dataset.lon);
  }
}

var startPosition;

//Gestione dell'evento di cambio posizione
function updateLocation(position) {

    startPosition = position;
    updateDistances();
}

//inizio il campionamento dei dati dal GPS
var watchId = navigator.geolocation.watchPosition(updateLocation, handleLocationError);

  <h3>Distanze</h3>
  <dl>
    <dd>Capo di Leuca<span class="dist" data-lat="39.783333" data-lon="18.333333"></span> Km</dd>
    <dd>Capo Spartivento<span class="dist" data-lat="38.8784" data-lon="8.8455"></span> Km</dd>
    <dd>Capo Passero<span class="dist" data-lat="36.685" data-lon="15.14"></span> Km</dd>
    <dd>...</dd>
  </dl>