React Example

[kaditya97]

I am trying to use it with react but get plenty of errors. Can someone help me with an example of it or guide me on how to set it properly.

[pavan2108]

Can you describe your issue so if I can help you out I will get in to the project

[kaditya97]

In which file we are supposed to put this code?

plugins: [
new CopyWebpackPlugin({
patterns: [
{ from: '../node_modules/gdal3.js/dist/package/gdal3WebAssembly.wasm', to: 'static' },
{ from: '../node_modules/gdal3.js/dist/package/gdal3WebAssembly.data', to: 'static' }
]
})
]

[kaditya97]

Here is the error that occurs when I run the project

[bugra9]

Hi @kaditya97, sorry for replying so late.

I used single file for node and browser so this issue occurred. In a few days I will separate them and release the new version. I will also add a use case for react.

[kaditya97]

@bugra9 thank you for addressing the issue, will be waiting for the release.

[bugra9]

@kaditya97, I have released a new version (v2.2.0). Can you try this version?

Example Usage:

import initGdalJs from 'gdal3.js';

import dataUrl from 'gdal3.js/dist/package/gdal3WebAssembly.data'
import wasmUrl from 'gdal3.js/dist/package/gdal3WebAssembly.wasm'

const paths = {
  wasm: wasmUrl,
  data: dataUrl,
};

initGdalJs({paths, useWorker: false}).then(Gdal => console.log(Object.keys(Gdal.drivers.raster).length + Object.keys(Gdal.drivers.vector).length));

[kaditya97]

@bugra9 Thank you, it is working now.