In a recent post we outlined how you can add videos to your story map using the map tour builder. In addition to photos and videos, you can also add websites and other HTML documents. In this post we’ll take a look at how you can extend and enhance your tours with websites.
Step 1: Open your map tour in builder mode
In this example we’ll add a website to an existing tour – a map tour of the Esri Redlands campus. After opening the tour click Switch to builder mode found in the upper right of the application. Note that this is available only if you are the map tour owner:
Step 2: Add the website as a new tour point
Once in builder mode, choose Add:
On the Media tab in the Add a new tour point dialog, choose Video. No, this is not a typo, we’ll be using an “other” option for adding videos to add our website to the tour.
In this example we’ll add the Esri website to our tour. A valid URL is required, as is the URL location for a thumbnail to be used in the map tour gallery ribbon. Click Other, then enter the URL for the website and URL for the thumbnail:
Add a name and caption for the website in the Information tab, and place the tour point on the map using the Location tab. You can change the color if you like to highlight where websites are found on the tour. When finished, click Add tour point:
Step 3: Make any additional changes and save your tour
You can change the location of the website on your tour, change the order of tour stops, and make other changes as desired. When finished save your map tour.
Step 4: View your map tour
You’ve now successfully added a website to your map tour. You can open the tour and view the website when the newly added tour stop is reached. You can view the site in the panel, or click to view the website in fullscreen mode:
For more information
For more information see the Storytelling with Maps website, or view the help provided within the map tour builder.