Various ways of rendering .gpx. The first couple use the “WP GPX” plugin, which uses a shortcode that points to a media file. The plugin’s settings in WP-Admin lets you upload such a file.
This is just stock from the .gpx. Interestingly, it generates an Altitude chart by default along with the map:
Not so good with a multi-route from the driving + walking routes with WP GPX concatenated into one file; it wants to merge them into one route and go back to the start (with a straight line!):
Here’s the two source .gpx files combined and rendered with GPS Visualizer, which has a couple of nice features:
- better map tile selection (eg OS + texturing)
- a select box that lets you pick which of the multiple routes you’re viewing, and lets you set the zoom to focus on any particular one, or encompass all of them
- variable ticks en-route for, eg, km markers or …, using a selected icon
- custom icons for markers. So, for example, a custom icon for a hiking waypoint from Canva uploaded to Media Library and referenced from a .gpx element marking the entrance to the trail
- popups can also include notes, photos, … through simple .csv-based interface
- popup for waypoint can optionally include driving directions to get there, from any google-style location (eg “current location”), and we can further customize this (I think) using leaflet-routing-machine (which in turn uses OSMR by default) to make it prettier/easier