Combine multiple routes in a single map view, making it easy to share multi-day, multi-route events on your web site or blog. Viewers can dynamically examine the map with options to zoom in, change map styles, switch between individual routes, show all routes at once, and link back to an event page.
The first step in building a multi route embed is to put together an event with all your routes included in it. Events can be created at any subscription level, to share an itinerary and routes with other rides or interested parties. We also offer Event, Club, Tour Operator, and Tourism accounts that unlock additional features, like event leaderboards and turn by turn for all participants.
Create a Multi Route Embed
- Create an event page and add all the routes you want included.
- After you have added all the routes to your event, click Share at the top of the event page.
- Select Embed Map to open the Custom Embed page.
Custom Embed Options
- Title and Description Fields: this will default to the name and description set for the event. You can edit this here to change it for your embed, but this will not change your event name and description.
- Use Metric Units - Since you don’t have to be signed into an account to view an embedded route on another website, this will set the distances and elevation profiles to metric values.
- Show Elevation - Enabling this options includes the elevation profile for the individual rides. By default, the elevation profile for the routes is enabled. Note: When you click Show All within the embed, the elevation profile is hidden. It is only shown when you click the name of an individual route within the embed.
- Default to “Show All” - This will show all the rides on the map at once but keep in mind that the more rides/routes that you have the longer this will take to render the web page. Take this into consideration when optimizing the loading speed of your website.
Copy the Embed code by highlighting (selecting) the code and right-click > select Copy.
Paste the Embed code into your blog post or web page.
Tips:
- The event and all routes within the event MUST be set to PUBLIC for the embed to start showing up.
- Any routes or rides added or removed will start to show up on the embed after you refresh the page. You will not need to update the embed code.
- WordPress.com users: iFrames are not supported on WordPress.com, you can find workarounds, but if you use the WordPress.org self-hosted blog then you won’t have any issues using iFrames.