Desenha Rota Javascript

TOTVS Fluig Páginas (WCM)
, ,
1

Boa tarde, sou iniciante em javascript.

Preciso escrever um script que leia um arquivo .gpx ou .txt e desenhe no navegador a rota. Alguém pode me ajudar?

2

Boa tarde.

você pode ler o conteúdo do arquivo txt usando readAsText() segue o link da documentação que explica com mais detalhes e um exemplo.

https://developer.mozilla.org/pt-BR/docs/Web/API/FileReader/readAsText

index.html


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  </head>
  <body>


  <input type="file" id="teste">
    <script src="src/script.js"></script>
  </body>
</html>

script.js:


const selectElement = document.querySelector('#teste');

selectElement.addEventListener('change', (event) => {
const result = document.querySelector('#teste');

console.log(event.target.files);
var file = event.target.files[0];
console.log(file);
var fr = new FileReader();
 fr.onload = function(e) {
      // e.target.result terá o que está preenchido no .txt (nunca tentei com .gpx mas ja é um começo)
      console.log(e.target.result)
 };
 fr.readAsText(file);
});