Странное поведение Javascript в navigator.getlocation при использовании FormData ()

Question

Я сохраняю форму, используя FormData по нажатию кнопки. Я хочу захватить местоположение и поместить его в FormData. Проблема в том, что местоположение извлекается, но не сохраняется в FormData.

Я попытался создать пустую переменную и сохранить значение местоположения в этой переменной.

Я попытался сохранить значение местоположения в атрибутах кнопки

В обоих случаях, если я получаю доступ кзначение вне навигатора, оно становится пустым.

Проблема в том, что console.log insde навигатор вызывается после console.log вне навигатора.

    var loc = "";
    if(geotag){
        if(navigator.geolocation) {
            navigator.geolocation.getCurrentPosition(function(event){
                loc = (event.coords.latitude).toFixed(5).toString()+" : "+(event.coords.longitude).toFixed(5).toString();
                console.log(loc); // Shows Location
            });
        } else {
            alert("No GPS support");
        }
    }
    console.log(loc); // Shows Empty
    fd.append('coord', loc );