OpenDiachronicMaps/gdal/gdal3singlefile.html

38 lines
1.4 KiB
HTML

<!-- source: https://github.com/bugra9/gdal3.js/tree/master/apps/example-singlefile -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/gdal3.js@2.4.0/dist/package/gdal3.js"
integrity="sha384-XlqVvSG4V8zz8Kdw95OpRdsWyJnWE5QUZy++BeAIEVb+f2n5RM7jdbZh5lm0pHWk"
crossorigin="anonymous"
></script>
</head>
<body>
Loading...
<script type="text/javascript">
async function start() {
const workerData = await fetch('https://cdn.jsdelivr.net/npm/gdal3.js@2.4.0/dist/package/gdal3.js');
const workerUrl = window.URL.createObjectURL(await workerData.blob());
const paths = {
wasm: 'https://cdn.jsdelivr.net/npm/gdal3.js@2.4.0/dist/package/gdal3WebAssembly.wasm',
data: 'https://cdn.jsdelivr.net/npm/gdal3.js@2.4.0/dist/package/gdal3WebAssembly.data',
js: workerUrl,
};
// const Gdal = await initGdalJs({paths});
// const numberOfDrivers = Object.keys(Gdal.drivers.raster).length + Object.keys(Gdal.drivers.vector).length;
// document.write(`Number of driver: ${numberOfDrivers}`);
const helps = initGdalJs({paths}).then((Gdal) => {getInfo};);
document.write(helps);
}
start();
</script>
</body>
</html>