loaders.gl usage

by felixp

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>loaders.gl usage</title>
    <script src="https://unpkg.com/@loaders.gl/[email protected]/dist/dist.min.js"></script>
    <script src="https://unpkg.com/@loaders.gl/[email protected]/dist/dist.min.js"></script>
  </head>

  <body>
    <div id="output"></div>
  </body>
</html>

CSS

body {
  margin: 0;
  padding: 0; 
}
#map{
  width: 100vw;
  height: 100vh;
}

JavaScript

const {parse, CSVLoader} = globalThis.loaders;
const CSV_DATA = 'a,b,c\n1,2,3\n4,5,6';

async function process() {
  const result = await parse(CSV_DATA, CSVLoader, {csv: {header: true}});
  document.getElementById('output').innerHTML = JSON.stringify(result);
}
process();