Part 4: Tourism Embed Code

The Regional Embed is the cornerstone of the Tourism account. Once you have your route library and POI library populated with your region's best routes and points of interest (POI), you can use them to generate an interactive map that you can embed on your website. Using the regional embed, visitors to your site can see the best routes in your area. They can click through to access individual routes and then navigate the routes on the Ride with GPS app, cycling computer, or print out a map and full cuesheet.

Before you get started, make sure your tourism account has a filled-out Route Library and POI Library with a liberal use of tags on all items to be shown on the map.

Learn more about the Route Library
Learn more about the POI Library

Get Started

Sign into the Tourism Account

Click Embed Library > Create Map Embed

Give your embed a name. This is what will show up in the Embed Library and the top of the embed.

Add a route

Select a Route Tag from the drop-down list.
Click Add.

This will show all routes with your chosen tag. Don't see any routes? Go back to your route library and check your route tagging.

Route Colors

The route colors and links are assigned automatically, but you can change these settings to your liking.

Click Edit

Click the color swatch or Custom to bring up the color picker. You can choose a hue on the right and adjust the shade on the left. Or you can enter the hex value of the color to match your brand colors on the web.

Customize links on Routes

You get to pick where the link goes when someone clicks a route. It can be anchored in the page or a different page entirely. The default link goes the the full route page.

Enter your Custom URL Link in the text field > Click Save

Add POI

Restrictive POI (optional)
Restrict the POI categories to a specific tag. E.g. input "Portland" to show only Portland tagged POIs on any category.

Category POI

Select the POI tags you want displayed on the map into a category
Click Add to have them displayed on the map and a tab on the bottom of the map. Each category will be listed under the chooser along with it's status and an option to remove it.

Customize Your Map

Select your preferred map type from the list.
Select the Units in Imperial or Metric

Embed Code

Click the button Embed Code to get the html you'll need for your website.

Zoom to Bounds

Routes and POI - This zooms the map to the bounds of the Routes and POIs configured for the embed.
Routes Only - This zooms into the bounds of the selected routes regardless of selected POI.

Official PDF

With the Tourism Account, you can set an Official PDF so your riders can download a customized PDF map with a click of a button.

Click More > Print Map and Cue PDF from any of your organization’s route pages

To learn more about creating and customizing your PDF cuesheet.

Configure your desired settings and click Set as Official PDF.

Riders will be able to download your Official PDF directly from the event page and from the route page.

To remove your Official PDF settings, click Remove Official PDF.

Manage your Embed Library

Every embed you create for your organization will be listed in your Embed Library.
Listed by the Name you have given the Embed, the creation date, the Route Tag, and categories displayed.

Click Edit to change anything about an existing embed.

To delete an embed.

Check the box next to the embed to be deleted > Click Delete. Note: Deleting an embed cannot be undone!

POI Only Embed

You can also create POI only map embeds. This allows you to highlight different businesses and attractions

Give the map a title
Choose Category POI to add to map
Click Embed Code to copy iframe