Using Facebook photos in the hosted map tour story map

The map tour story map is a popular hosted template, and you can add photos to your tour from a variety of online locations. One of the locations is Facebook. Here’s how you can use your own Facebook photos, or photos publicly shared by others.

Step 1 – Author, save, and share a map

To create a hosted map tour using Facebook photos, first author and save a new web map. Click Share to make the map available to others in your organization, or publicly available to everyone. Then click Make A Web Application.

Step 2 – Choose the Map Tour template

Look for Map Tour on the Make A Web Application gallery. From the drop down list under the template choose Publish:

Next, add a title, tags, and summary, then click Save & Publish.

You’ve successfully added your map to the map tour, and are now ready to begin configuring the tour.

Step 3 – Configure the tour using Map Tour Builder

You can go directly to the map tour application item by clicking the link in the Share dialog (which appears immediately after you Save & Publish) as shown below:

Or you can open the item later. When you are ready to add Facebook photos, go to the item and click Configure App:

The Map Tour Builder will open automatically. Choose Facebook under the They are already online section:

Step 4 – Add Facebook photos

You can add Facebook photos from your personal account, or a public page. Login to your account and select an album, or enter a public page then select a public album.

When you are finished click Import.

Step 5 – Choose and place your photos on the map

Choose photos from the album, and click to place them on the map. When finished, click Import.

Step 6 – Complete your map tour

You’ve successfully added your photos to your map, now make other edits while in application builder mode to complete your tour. You’ll want to add titles and captions for your photos. You can also can reorder them, change the symbol, adjust the location, set the map zoom extent, change the color scheme and layout, add a logo, and more. Experiment with the various options to learn more about what you can do.

Click to view larger image

Once completed, click Save. Now you are ready to share your map tour with others.

Note that as the owner of the application you can enter builder mode to make changes and edits at any time. Open the item and click Switch to builder mode in the upper right corner of the app. This button does not appear unless you are the owner of the tour.

For more information see the Map Tour help links found in several places in the Map Tour Builder.

This entry was posted in ArcGIS Online, Story Maps and tagged , , , , . Bookmark the permalink.

Leave a Reply


  1. rdunfey says:

    Hi Bernie,

    Any chance of the map tour template supporting loading photos from a SharePoint photo gallery?


    • Bern Szukalski says:

      Rob – I have not tried this, but if you can get a URL-accessible permalink to the photo in sharepoint that would point to the jpeg (or whatever format) photo, it should work. But remember that ideally you’ll want to size your photos for both the featured photo and the thumbnail photo in the tour. Again, the requirement is to get the public link to the actual photo. I only rarely use sharepoint, so am not sure if this is possible (if you can send me a link and I can view the photo, that means it is). But if not, then you have a variety of other storage options (including importing to hosted feature services in your organization) that can be used.