Wikipedia_data_map_example use deck.gl
ts
import { ArrowLoader } from 'https://cdn.jsdelivr.net/npm/@loaders.gl/[email protected]/+esm';
import { JSONLoader } from 'https://cdn.jsdelivr.net/npm/@loaders.gl/[email protected]/+esm';
import { ZipLoader } from 'https://cdn.jsdelivr.net/npm/@loaders.gl/[email protected]/+esm';
import { CSVLoader } from 'https://cdn.jsdelivr.net/npm/@loaders.gl/[email protected]/+esm';
const pointData = await loaders.load('wikipedia_point_df.arrow', ArrowLoader);
const unzippedHoverData = await loaders.load(
'wikipedia_point_hover_data.zip',
ZipLoader,
);
const hoverData = await loaders.parse(
unzippedHoverData['point_hover_data.arrow'],
ArrowLoader,
);
const unzippedLabelData = await loaders.load(
'wikipedia_label_data.zip',
ZipLoader,
);
const labelData = await loaders.parse(
unzippedLabelData['label_data.json'],
JSONLoader,
);
const DATA = { src: pointData.data, length: pointData.data.x.length };