Using Flickr photos in the hosted map tour story map

The map tour story map is a popular hosted template, and with recent updates it’s easier than ever before to add photos from a variety of locations. One of the locations you can access hosted photos from is Flickr, a very popular online photo management and sharing site. Here’s how to use Flickr photos in your own map tour story maps.

Step 1 – Author and save a map

To create a hosted map tour using Flickr photos, first author and save a new web map, click Share to make the map available to others in your organization or publicly, then click Make A Web Application:

Step 2 – Choose the Map Tour template

You’ll currently find the Map Tour story map template on the second page of 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 published your web application, and are now ready to begin configuring your map tour.

Step 3 – Begin configuring the tour using Map Tour Builder

You can go to the item now 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 your Flickr photos, go to the item and click Configure App:

The Map Tour Builder will open automatically. Choose Flickr under the My pictures are already hosted section:

Step 4 – Add Flickr photos

In this example we’ll create a map tour of the Esri Campus placing our photos interactively. First, enter a Flickr user name and choose Look up. The drop down list will display all available photo sets. Choose a set, then click Import the selected Set. Remember that your photos must be publicly shared to use them in your story map.

The photos in this set are not geotagged and we will place them interactively on our map. We can uncheck Use picture location to ensure that if the photo set has a location, it is not used for all photos.

Step 5 – Use the Map Tour Builder to place photos on your map

The photos from your selected set will display in a list; select a photo and place it interactively on the map. You can adjust the location of photos by clicking and dragging the symbol, and can edit locations, photos, and symbols later if desired.

When you are finished click Import.

Step 6 – Complete your Map Tour configuration

You’ve successfully added your photos to your map, and can 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.

Adding geotagged photos from Flickr

To add geotagged photos from Flickr, follow the same steps as above to Step 4. At step 4 select the photo set with the geotagged photos, and make sure Use picture location is checked. All photos that are geotagged will be placed on the map using the location information stored in the photo. Photos not geotagged can be interactively placed.

Click the Located tab to view photos successfully placed, photo locations can be edited by selecting a photo or clicking a symbol.

If photos in the set have note been geotagged, they will appear in the To locate tab and can be placed interactively, as described in Step 5 above. Follow the instructions in Step 6 to complete and save your map tour.

For more information see the Map Tour Help found in several places in the Map Tour Builder application.

Click to view larger image

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

Leave a Reply


  1. shaimaagamal2020 says:

    great thanks

  2. amarinel says:

    After clicking ‘Configure App’ on the Item Details page for my newly created Map Tour app, the ‘Map Tour Builder’ does not open automatically. Instead, I am taken to View mode where I have to click the enter the builder mode. The application settings immediately open and I am prompted to Select photo name, caption and color fields in the Data tab. I have not added any photos (my intent is to add from Flickr) and therefore do not have column headers to choose from.

  3. lonewolfca says:

    My interest is more with editing of the story map. I click the save in the application configuration screen, but the changes are not being saved for the next time I open the web map. Very frustrating. This should be a very simple process to replace photos.

  4. newell.kate says:

    I have loaded over 45 images into a story map successfully. Because these images are property of our Museum, they do not want them to be shared anywhere other than in the story map (they are watermarked as well). I changed the permissions in my flickr album to “Private”, as I want to secure these images as available only in the story map. Now I am getting the error “This image or video is currently unavailable” from Flickr. Are the images, after being loaded into the story map, required to remain in flickr? I also changed the album back to Public and I am still getting the error.