Creating a StoryMap Tour for High Street Heritage Action Zones

1. First collate your content

Consider the audience and need using the pointers in our maps pattern page.

For each point the minimum you will need is:

• Name
• Image – with landscape orientation, about 1000px wide in .jpg format.
• Caption/Description – maximum 100 words, to include image reference, description in lieu of Alt Text and acknowledgement but not hyperlinks
• Location – lat/long or you can use the place name/postcode to find the rough area

2. Create a HSHAZ folder in your ArcGIS online content

If you do not already have one.

3. Open the Map Tour Builder

In ArcGIS, Open the Map Tour Builder.

• Click on the ArcGIS button under ‘I need to upload my images’, which then asks you to name the Layer in ArcGIS online that will hold the point locators for your tour.
• Choose the HSHAZ folder as the storage location and click the Create the Layer button.

4. Adding tour points

The ‘Add a new tour point’ dialogue box has three tabs:

Media

Click on the green Select or drop picture button to browse to an image, or just drag it into the dashed box. The Builder will automatically resize the image to optimise it for the tour.

Information

Enter the name for the point and the caption/description using copy and paste.
You can enter HTML tags directly into your captions to define formatting and links.
<br><br> inserts two line breaks between paragraphs.

For example, this tag adds a green hyperlink:
<a href="https://www.esri.com/" style="color:green" target="_blank">More info</a>
<a href="https://typhoo.co.uk/” style=”color:#3174a4” target=”_blank”>Typhoo Tea</a>
<a href="https://historicengland.org.uk/listing/the-list/list-entry/1343086” style=”color:#3174a4” target=”_blank”>Read the listing description</a>
<a href=“https://research.historicengland.org.uk/Report.aspx?i=15341&ru=%2fResults.aspx%3fp%3d1%26n%3d10%26a%3d4512%26ns%3d1” style=”color:#3174a4” target=”_blank”>Read our research report</a>

BUT:

• Html does not work in the Name field
• Only tolerates one short link per caption (doesn’t like long links).
• Underlines hyperlink

Location

Choose the colour for the pointer (keep them the same!). Drag the pointer around the map until the shadow is directly over the central point of the building/place. Can use the search box to find the rough location with a post code or place name; alternatively enter the lat/long.

Once all three tabs have been completed click the Add tour point button.
If you need to change anything just click on the pencil icon (top left corner) to edit that element.

5. Click on the plus icon in the left hand menu to add more points.

Repeat step as per point 4.

6. Click on the cog icon to change the settings

• Layout – use the Side Panel layout (unfortunately this means we can’t change the colours but it’s the nicest looking)
• Header – this just applies to the links in the header, the title of the tour is added separately (see 7)
•  Click the Custom logo radio button and use: https://englishheritage.maps.arcgis.com/sharing/rest/content/items/e5a922ea4e20490b8573f8cac7223e5e/data
• For the Click-through link, enter: https://historicengland.org.uk
• For the top right link, enter:
  Text: High Street Heritage Action Zone
  Link: to HSHAZ webpage
  Untick Facebook and Twitter but consider sharing a short url.
• Data – keep as the default
• Extent – click the Use Map Tour extent button – or HSHAZ polygon
• Zoom Level – choose Scale/level: 1:9k (level 16)
• Click the Apply button

7. Personalise the name of the relevant HSHAZ town in the Header.

On the black Header, click the pencil in the title box and enter the name of the town.

8. Regularly save your work

Click on the save icon at regular intervals.

9. View the finished tour

To view the finished tour, click on the eye icon.

10. All done? Share the tour with Everyone

Supply the url to Tina Pluchino at: [email protected]

Save your work and close the Map Tour Builder.

Adding background polygons

Examples of using extra polygons are adding the HSHAZ boundary or Conservation area extent to give more context for users. This is likely to need more familiarity with ArcGIS than simply adding the points.

• Open the web map used in your tour in ArcGIS My Content or via the My Stories section of the Story Maps website.
• Use the Add Data button to add polygon layers.
• Note: Interactive elements of the background map do not work in StoryMap tour!

Reviewing tips

Tip: You can use My Stories to check your story for errors, change how it is shared, make it look good on social media, etc. Learn more about My Stories.

Notes for developers

If you download and self-host the Story Map Tour app you can:

• customize the marker symbols
• have more than 99 points