Render multiple GPX activites as a high resolution image.
npm install; cd server; npm install- Create a MapBox access token
- Createa a file in the root directory called
.env.json - Add the access token and optional initial map coordinates:
{
"mapBoxAccessToken": "MAP_BOX_ACCESS_TOKEN",
"initialCoords": {
"lat": 0,
"lon": 0
}
}- install gpsbabel
- Get an archive of activities
- create the directory structure:
server/_temp/raw:
mkdir server/_temp; mkdir server/_temp/raw- Copy activity files to:
server/_temp/raw - Transform activity files to JSON:
cd server
npm run processData [user-name]- From the root directory, run:
npm start - Navigate to localhost:3001
- From the homepage, click on the Editor link
- In the "Profiles" section (upper right), a button should appear that matches the last argument from the earlier command:
npm run processData [user-name] - Click the profile option and the activies will appear in low resolution.
- Click the rectangle icon on the left to select an area to render.
- Enter a name for activity profile and click "confirm".
- From the homepage, click on Renderer 2D
- In the "Profiles" section (upper right), a selection should appear that matches a profile created the previous step.
- Click the "Render" button.
- After modifying render settings, click "Render" to see the results.
- To export, right click on the image and select "Save Image"
- From the homepage, click on Renderer 3D
- In the "Profiles" section (upper right), a selection should appear that matches the profile you selected in the previous step.
- Click the "Start" button.
- After modifying render settings, click "Pause / Start" to see the results.
- To skip animating the data, set the "Animation Speed" to 0.