Map components and Deck.gl layers for rendering GPX tracks.
- Deck.gl layers
- GPX Layer - renders the trace of a GPX file
- Trip GPX Layer - renders the position along a GPX trace at a given time
- Map components
- GPX Map - renders a GPX trace
- GPX Maptiler - renders a GPX trace on a Maptiler base map
- GPX Hill Map - renders a GPX trace on a Maptiler satellite terrain map
- Focus GPX Map - renders a GPX trace and automatically centers the camera around the bounds of the displayed trace
See Storybook
npm install velo.gl
import { GpxStreetMap } from "velo.gl";
const MyGpxMap = () => {
const initialViewState = {
longitude: 8.3,
latitude: 61.4,
zoom: 8
};
return <GpxStreetMap gpx={myGpxUrl} initialViewState={initialViewState} />
}
npm ci
npm run storybook
npm run docker:storybook
npm run docker:compose:storybook
docker run --rm -it $(docker build -q .)
docker-compose up --build
npm test:storybook
npm docker:compose:test