Duvida com Geoposition

const getCoords = async () => {
 if('geolocation' in navigator) {
 const pos = await new Promise((resolve, reject) => {
 navigator.geolocation.getCurrentPosition(resolve, reject);
 });

 return {
 long: pos.coords.longitude,
 lat: pos.coords.latitude,
 };
 }
 else {
 alert("Navegador incompatível com esse recurso");
 }
};

const coords = getCoords().then((data, error) => {
 console.log(data);
});

	OU

	 

var coordenadas = ""; //Defini essa variável segundo meus conhecimentos, por ter omitido a palavra 'var' ela é global

const getCoords = async () => {
 if('geolocation' in navigator) {
 const pos = await new Promise((resolve, reject) => {
 navigator.geolocation.getCurrentPosition(resolve, reject);
 });

 return {
 long: pos.coords.longitude,
 lat: pos.coords.latitude,
 };
 }
 else {
 alert("Navegador incompatível com esse recurso");
 }
};

async function initialize() {
 coordenadas = await getCoords();

 console.log('Init:Coord: ', coordenadas);
 manipulaCoord(coordenadas);
}

function manipulaCoord(coord) {
 console.log('manipulaCord:', coord, coordenadas);
}

initialize();

wanderval gostaria de agradecer sua ajuda, mas reforço que não tenho muita experiência com JavaScript.

Você poderia por favor me dizer como recuperar esses valores gravados no console, pelas pesquisas que fiz não há como. E caso não haja maneira, como eu posso gravar as coordenadas numa variável? Vou precisar dessas informações em outra parte do script.

Se você testou o código que eu postei, deve ter percebido que a variável apesar de ser global não estava refletindo as coordenadas.

PS.: eu havia tentado também enviar esses dados através do "return" também sem sucesso.

Obrigado.

O problema que você está tendo e que está tratando o getLocation como um código syncrono mas ele é asyncrono, isso quer dizer que a sua logica nao vai seguir uma ordem de execução por linha, por esse motivo seu document.write mostra undefined ele executa primeiro que a função.

Resumindo mesmo que você check o valor no metodo de "sucesso" e naquele momento que existe o valor, mas seu write na ultima linha executou antes disso então nunca terá o valor, seu conceito de variavel global pode ser feito mas precisa executar somente apos o valor for retornado, se você testar o codigo que coloquei a variavel se manteve mas so chamei o metodo apos o valor ser retornado 'simples coloque os console.log e vai ver a ordem que está ocorrendo a execução.

No caso do seu problema apenas utilize o restante da sua logica em metodos assim chamara apenas quando o valor for retornado, viu que coloquei um metodo chamado "manipulaCoord", ele está imprimindo 2 variáveis a que esta sendo enviada por parametro e a variavel de scopo global "coordenadas"

function manipulaCoord(coord) {
 console.log('manipulaCord:', coord, coordenadas);
}

coordenadas = ""; //Defini essa variável segundo meus conhecimentos, por ter omitido a palavra 'var' ela é global

function getCurrentLocation(callback) {
 if(!navigator.geolocation) return;
 navigator.geolocation.getCurrentPosition(function(position) {
 var currLocation = { lat: position.coords.latitude, long: position.coords.longitude };
 callback(currLocation);
 });
}

getCurrentLocation(function(currLocMap){
 coordenadas = currLocMap;
 console.log('valor aqui', coordenadas);

 // chama o metodo para executar o restante do código
 algumMetodo();
});

function algumMetodo() {
 console.log('algumMetodo: ', coordenadas);
}

Obrigado pelos esclarecimentos. Entendi os códigos que você postou, fiz algumas alterações e resolvi meu problema.