The Story Map Tour template is one of the most popular story map templates, combining*an interactive map, a photo and text panel, and a thumbnail carousel to create a compelling virtual tour. A recent example is the Palm Springs Map Tour, but there’s lots of others; Treasures of Redlands, Mission Bay Marsh Reserve Tour, National Mall Tour, and more.
A question we were asked was – how can I add a link to the caption or description under the photo? Here’s how.
The Description is what appears underneath each photo in the photo and text panel, as shown below:
To add a link to the description you can use the <a title="More details..." href="http://www.w3schools.com/tags/att_a_href.asp" target="_blank"> tag and href attribute in the text in your CSV file, or simply add it to the description text. Note that if you’re quoting the caption string that you’ll need to use double quotes to get the single quotes needed in the tag attributes.
You may also want to change the color of the link, and open the link in a new tab or window. Here’s an example caption which creates a yellow link and opens it in a new window:
A map tour of historic locations and places of interest in Redlands, California.Click the arrow to advance to the next tour location, or click a thumbnail orlocation on the map for more information. Redlands Area Historical SocietyHere’s the sample map tour using the description above. Note the link in the photo caption:
For more information and examples, visit the Story Maps website.
A question we were asked was – how can I add a link to the caption or description under the photo? Here’s how.
The Description is what appears underneath each photo in the photo and text panel, as shown below:
To add a link to the description you can use the <a title="More details..." href="http://www.w3schools.com/tags/att_a_href.asp" target="_blank"> tag and href attribute in the text in your CSV file, or simply add it to the description text. Note that if you’re quoting the caption string that you’ll need to use double quotes to get the single quotes needed in the tag attributes.
You may also want to change the color of the link, and open the link in a new tab or window. Here’s an example caption which creates a yellow link and opens it in a new window:
A map tour of historic locations and places of interest in Redlands, California.Click the arrow to advance to the next tour location, or click a thumbnail orlocation on the map for more information. Redlands Area Historical SocietyHere’s the sample map tour using the description above. Note the link in the photo caption:
For more information and examples, visit the Story Maps website.