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.
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.