Lesson Introduction 9 Share your results onlineesripress.esri.com/storage/esripress/bookresources/ugis3/lesson9... · Lesson 9: Share your results online Exercise 9a: Publish web

THE CITY COUNCIL WOULD LIKE TO make the park analysis available to the public. A paper map, such as the one you created in lesson 8, is the traditional way to share results, but online maps are a new way to share your story, methods, and data with the widest possible audience. In ArcGIS SM Online, you can make web maps that combine Esri® basemaps with your own geographic data and a huge number of map services (online layers) that are hosted on the web. You can share your web maps with everyone or with user groups that you set up. You can also publish the maps as web apps to give them a self-contained and professional appearance.

You can use your ArcGIS Online account to store many kinds of geographic items in addition to web maps. For example, you can upload geoprocessing packages, such as the one you created in lesson 7, that contain models, tools, and data. Likewise, you can upload map and layer packages, which bundle maps or individual layer files along with their source data. These packages can be shared from your ArcGIS Online account, allowing you to com-municate your maps, results, and workflows to others.

In the first exercise in this lesson, exercise 9a, you’ll use ArcGIS Pro to prepare and publish web layers to ArcGIS Online. Next, in exercise 9b, you’ll create a web map using these published lay-ers, and in exercises 9c through 9f, you’ll customize it, using Map Notes, bookmarks, and pop-up windows, to make it shine on the web. In the final two exercises, 9g and 9h, you’ll use your web map to create two web apps: a Basic Viewer mapping app and an Esri® Story Map Journal SM app, using simple “builders” without a single line of code. The Basic Viewer app will provide an easy-to-use app for users to explore your web map with simple tools for changing basemaps and layers, measuring, and printing. The Esri Story Map Journal template is ideal for combining narrative text and multi-media content along with your maps and geographic content to tell rich and engaging stories.

Lesson

9 Share your results onlineIntroduction

2IntroductionLesson 9: Share your results online

✓

✓

✓

✓

✓

✓

✓

✓

1

2

3

4

5

6

7

8

9

Lesson Nine road map

What you’ll do in this lesson:

Youare

here:

Preview the data

Conduct the analysis

Build the database

Present your analysis

results

Share your results online

Frame the problem and explore the study area

Edit the data

Choose the data

Automate the analysis

Publish web layers to

ArcGIS Online

9a

Change web layer styles 9c

Create Map Notes 9d

Configure pop-up

windows9f

Add bookmarks 9e

Create a Basic Viewer web mapping app

9g

9bCreate a web map

Create a Story Map Journal

app9h


ArcGIS Online

ArcGIS Online is GIS on the web. You can share your maps, data, apps, and workflows with everyone in the GIS community.

A selection of web apps that anyone can use from the growing ArcGIS Online gallery.

This web map shows the LA River park suitability results on top of a social vulnerability layer. The social vulnerability layer (comprising variables such as age, income, and disability) is a public map service on ArcGIS Online.

Create maps and apps from a web interface. Add your own data to Esri basemaps, and use online layers shared by Esri and others.


ArcGIS Online (continued)

Items you can store include web maps, web apps, map services, data, and projects.

This web map of suitable park sites includes a layer of facilities (red points) that release environmental toxins. An online analysis tool will count the number of toxic release locations in the buffer zone around the Los Angeles River.

The My Content page of your ArcGIS Online account is where you store, manage, and share items.

An ArcGIS Online subscription gives you even more capabilities. For example, you can publish your own map services and use online analysis and query tools.

ArcGIS Online and ArcGIS Desktop are part of the same system. Layers shared online can be added directly to ArcGIS Pro. Maps and analysis results created in ArcGIS Pro can be uploaded to ArcGIS Online.

5Exercise 9a: Publish web layers to ArcGIS OnlineLesson 9: Share your results online

Exercise 9a: Publish web layers to ArcGIS OnlineIn this exercise, you are going to take feature classes from your geo-databases, add them to a map, and publish both the map and layers as a web map and feature layers to ArcGIS Online. Once you have the web map and layers in ArcGIS Online, you can configure the symbology and pop-up windows in your web map and create inter-active web mapping apps.

Prepare your layers for publishing

1) Start ArcGIS Pro, if necessary, and sign in to your ArcGIS Organizational Account or Portal for ArcGIS.

2) Insert a new Lesson9 map.

3) Add the LARiver and Parks feature classes from your LARiver_ParkSite geodatabase.

4) Add the LARiverBuffer and RecommendedSites feature classes from your AnalysisOutputs geodatabase. Verify that you have six sites in your RecommendedSites layer.

5) Order the layers as follows:

• LARiver• RecommendedSites• Parks• LARiverBuffer

6) In the Contents pane, click on the line symbol for LARiver to open the Symbology pane.

7) If necessary, click the Properties tab at the top of the Symbology pane, and choose a dark-blue color for the line and set the width to 1.5.


8) Click Apply.

9) Repeat steps 6 through 8 to change each layer’s symbology so that LARiverBuffer is light blue, Parks is light green, and RecommendedSites is dark green.

Your map should now look something like the figure. Don’t worry if your symbols and colors don’t match exactly.

Publish your map layers to ArcGIS Online as web layers

Now you’ll publish your map to ArcGIS Online as a web layer so that it can be used on the web.


1) Go to the Share tab, and, in the Share As group, click the Web Layer button . Then click Publish Web Layer.

2) Change the name to LARiver_RecommendedParkSites.

▶ Web layer names must be unique within your ArcGIS organization or portal so you may need to change the name if others in your organization have done this lesson. If this is the case, consider appending your name to the web layer name.

3) Confirm Features is selected for Layer Type.

4) Enter a summary and add some tags so that you and others will be able to find the layers you are sharing. Press Enter after each tag.

5) At the top of the Share As Web Layer window, click the Configuration tab to view the options. You will not be changing any of these settings in this lesson, but be aware that this tab allows you to enable features such as editing, offline syncing (for apps such as Collector for ArcGIS®), and data exporting to other formats.

8Exercise 9b: Create a web mapLesson 9: Share your results online

6) Click the Content tab to confirm which layers will be included during publishing.

7) In the lower-left corner of the dialog box, click Analyze.

You will get two warning messages . Warning messages mean that the web layer can be published successfully, but some things may not appear or behave as expected in the layer after publishing it. Click these warnings to see more details in the box below, including the severity and description of the warning. Here are the two mes-sages you should see:

• “Layer does not have a feature template set.” A feature template makes it easier to edit features in both ArcGIS Pro and ArcGIS Online, but since you’re not expecting users to make any edits to the features in your layer, this warning doesn’t affect you.

• “Layer’s data source is not supported.” This warning refers to the basemap layer. Web layers can’t contain other web layers so they will be removed during publishing. The basemaps are web layers themselves so they won’t be included in the final published product. You’ll see how to combine web layers into a web map in exercise 9b.

8) Click Publish.

If successful, you will get a message like the one in the figure.

Exercise 9b: Create a web mapNow that you have your web map and layers in ArcGIS Online, you can continue to modify your symbology to create a beautiful web map and configure pop-up windows so that information about your features is easy to consume.

Configure your web map

1) Sign-in to your ArcGIS Organizational Account or Portal for ArcGIS.


2) Click on the My Content tab across the top of the page.

Your published layer is displayed along with the service definition in your content.

3) Click the drop-down arrow next to your feature layer and click Add layer to new map.

You will see something like the figure shown.


All your layers are there, and the symbology you configured in ArcGIS Pro comes through. Also notice that the default Topographic basemap is used in the web map. As is, the map looks a bit confusing so you can make some changes to your web map and symbology.

4) On the toolbar above the map, click the Basemap button , and click Imagery with Labels.

5) Zoom and pan around the map to see how the layers you published from ArcGIS Pro are displayed in the ArcGIS Online Map Viewer.

6) Zoom back out to the full extent of the data by clicking the home button in the upper-left corner of the map.

7) Save the map by clicking the Save Map button on the toolbar above the map. The Save Map dialog box will be displayed.

8) Give your map a title, tags, and summary, and click the SAVE MAP button when finished.

Your map will be saved to your content and can be accessed and managed later by going to the My Content page.

11Exercise 9c: Change web layer stylesLesson 9: Share your results online

Exercise 9c: Change web layer styles

Change the style of the buffer layer

1) Zoom in to the northwestern section of the LA River buffer to see how your different layers are displayed.

Notice that the names of your layers are much longer than the ones you published from ArcGIS Pro. By default, the original layer name has been appended to the name of the web layer that you published. This naming convention is helpful for differentiating layers that might be coming from various sources, but it makes for a cluttered list of layer names.

2) Click the layer named LARiver RecommendedParkSites – LARiverBuffer in the Contents pane. A small toolbar is displayed under the layer name.

3) On the far right of the toolbar, click the More Options button to open a menu of layer options.


4) Click Rename and name the layer LA River Half-Mile Buffer.

Now you’ll customize the symbols and styles that you published from ArcGIS Pro so that they display better for the users of your web map.

5) If necessary, click the LA River Half-Mile Buffer layer name again, and click the Change Style button on the toolbar under the layer name.

The Change Style pane will appear, which allows you to change the symbology of the layer in the web map.

6) Leave the Choose an attribute to show option set at Show location only, and click the Options button in the Select a drawing style section to work with the layer symbology.

You will see the blue symbol you set in ArcGIS Pro at the top of the pane and two slider tools below. You’ll leave the color but change the transparency so that you can see the imagery under the layer.


7) Move the transparency slider so that the layer is about 60% transparent.

You’ll see the color change instantly on the map.

8) Click OK and then Done to close the Change Style pane.

Customize the parks layer

Now you can customize the Parks layer.

1) In the Contents pane, click on the LARiver RecommendedParkSites - Parks layer to display the layer toolbar.

2) Rename the layer Existing Parks by clicking the More Options button and then Rename.

3) Click the Change Style button again, and then click Options as you did with the buffer layer.

4) Use the slider to change the transparency to 25%.


Your web map is already looking a lot better. Next, you’ll change the style of the river.

Customize the river layer

1) Rename the LARiver RecommendedParkSites - LARiver layer as LA River using the method you did previously.

2) Click the Change Style button again, and then click Options as you did previously.

3) Click Symbols, next to the blue line.

A dialog box will open to change the color, width, and other proper-ties of the line symbol.

4) Change the line width to 4 px (pixels) and click OK.


Lastly, you can adjust your recommended sites layer.


Customize the recommended sites layer

1) Rename the LARiver RecommendedParkSites – RecommendedSites layer as New Recommended Park Sites using the method you did previously.

2) Click the Change Style button again, and then click Options as you did previously.

3) Click Symbols as you did with the LA River layer, and under the color palette, click the Fill tab, and change it to No Color

.

4) Click the Outline tab above the color palette to display the polygon outline settings.

5) Change the color to a red and the line width to 3.

6) Click OK to save your settings. Then click OK and Done.

7) Feel free to experiment with any of the other settings to customize the symbols and styles to your liking. Your map should look something like the figure on the next page.

15Exercise 9d: Create Map NotesLesson 9: Share your results online

8) Save your map by clicking the Save button.

Exercise 9d: Create Map NotesYou have polygons for each of your recommended sites, but they do not display well when zoomed out to the entire study area. So that your sites appear more clearly at this scale, you will add point fea-tures in the form of Map Notes that you will set to be visible only at larger scales.

Add point features for the recommended sites

1) In the Contents pane, click the New Recommended Park Sites layer to display the layer toolbar.


2) Open the attribute table by clicking the Show Table button on the toolbar. Clicking the button displays the attribute

table, which should look similar to the one you created at the end of lesson 6.

3) Click anywhere in the row for Site 1. Just as in ArcGIS Pro, the polygon will be selected, but it might be out of the view of the current map.

4) Click the Options button above the table and click Center on Selection. The map zooms to Site 1.

5) On the toolbar above the map and over the Contents pane, click the Add button, and in the drop-down menu, click Add Map Notes.


6) Change the names to Site Points and click Create.

7) In the Add Features pane, under Site Points – Points, click the Stickpin icon, and then click in the middle of Site 1 on the map.

8) Change Title to Site 1 and click Change Symbol.

9) Use the Category drop-down menu to select Numbers, and click the green 1 stickpin symbol.


10) Change the symbol size to 24, and then click OK.

11) Close the Map Note window.

12) On the toolbar above the map and the Contents pane, click the Details button . It should take you back to the Contents pane.

Create more points as Map Notes

1) Open the attribute table of the New Recommended Park Sites layer, and then zoom to Site 2.

▶ How? To zoom to a site, click the Options button above the table and click Center on Selection.

2) On the toolbar above the map, click the Edit button .

3) Click the Stickpin symbol and add a point to the middle of the site.

4) Rename the point Site 2, and then click Change Symbol and change the symbol to a green 2 stickpin with a size of 24.

5) Click OK to close the symbol selector and then Close to close the Map Note.

6) Repeat steps 1 to 5 for the rest of the six sites to create Map Notes and give them a corresponding number symbol—for instance, use a green 3 stickpin for Site 3 and so on.

7) Save your map by clicking the Save button.

19Exercise 9e: Add bookmarks Lesson 9: Share your results online

Exercise 9e: Add bookmarks Just as in ArcGIS Pro, you can add bookmarks to your web maps to make navigation quick and easy. You’ll add bookmarks for the entire study area and each of your recommended sites.

Add bookmarks for the study area

1) Zoom out so that the entire LA river buffer is in the map viewer.

2) Click the Bookmarks button and click Add Bookmark.

3) Type Study Area in the text box and press Enter.

4) Click Bookmarks again on the toolbar to hide the list of bookmarks.

20Exercise 9f: Configure pop-up windowsLesson 9: Share your results online

Add bookmarks for recommended sites

1) Zoom in to Site 1 so that you can see Site 1 and the immediate vicinity for context.

2) Under Bookmarks, click Add Bookmark, and enter Site 1 for its name.

3) Repeat steps 1 and 2 for sites 2–6.

4) Go to your Study Area bookmark and save your web map.

Exercise 9f: Configure pop-up windowsYou may have noticed while exploring your layers and features that clicking on a feature displays a pop-up window. By default, these pop-up windows display all the attributes as they are published, but you can customize them to make them even more useful and user-friendly.


Make your pop-up windows useful

The LA river buffer does not really have any useful attribute infor-mation that you need to communicate so you will simply remove its pop-up window.

1) In the Contents pane, click LA River Half-Mile Buffer and then the More Options button, and select Remove Pop-up. A pop-up window will no longer be displayed when you click directly on the river buffer area.

However, your other layers have attribute information, although you will want to select what users see and how that information is presented.

2) In the Contents pane, click Existing Parks and then More Options, and click Configure Pop-up.

3) Confirm that the Pop-up Title box is displaying {NAME}. Then the pop-up window for each of the parks will be displayed with the park’s NAME attribute value at the top of the pop-up window.

4) In the middle of the Configure Pop-up dialog box, click Configure Attributes.

5) Click to clear the OBJECTID display button, and change the field aliases so they match the figure. Click each field alias to fill in the new name in the text box.

6) Click the Acres field, and confirm that Format is set to 2 decimal places, and be sure the 1000 separator is enabled.

7) Click OK and then OK again on the Configure Pop-up dialog box to save the pop-up window.


8) Zoom in on one of the current parks, and click it to view the pop-up window. It should look similar to the figure.

9) Select the LA River layer, and follow steps 2–7 on page 21 to configure the pop-up window to show the NAME field as the title and hide the OBJECTID field.

Change the style of the pop-up window

1) Click New Recommended Park Sites and then More Options, and click Configure Pop-up.

2) Change the title of the pop-up window to Site {SiteID} as shown in the figure. The field name in brackets ({ }) will be replaced with the feature’s field value in the pop-up window. You can type the field name in brackets in the box, or use the Add Field Name button to add it for you.

3) Click Configure attributes.

4) Hide the OBJECTID field by clearing the Display check box.

5) Hide the SiteID field.

You don’t need this field to be displayed in the pop-up contents anymore because it will be displayed as the title above the pop-up window.


6) Change the field aliases as follows:

• {RiverDistance} to Distance to river (feet)

• {AccessPopulation} to Population in walking distance

• {MEDHINC_CY} to Median household income

• {POPDENSITY} to Population density

• {PCTUNDER18} to % Children under 18

7) Change the format of the RiverDistance, POPDENSITY, and PCTUNDER18 fields to 0 decimal places by clicking each field and selecting that option from the drop-down list on the right.

8) Click OK to close the dialog box and OK again to close the Configure Pop-up window.


9) Zoom in on one of the recommended sites and click the polygon to view the pop-up window. It should look similar to the figure.

Add images to the pop-up windows

Now you are going to add images to your Site Points layer pop-up windows. Remember that the Site Points layer is a Map Notes layer. Instead of the pop-up windows being created from attributes, they must be created and managed individually. You’ll see that Map Notes pop-up windows are flexible to allow you to easily add text, photos, and other media.

1) Zoom to Site 1 and click the Map Note icon (green 1). Then click Edit.

2) Add the following text to the description: Site 1 is nearly a full half mile from the river but has good demographics and good vehicle access. Steep slopes on the property may be an issue.


3) Enter the following path into the Image URL text box: http://bit.ly/ugis_s1_thumb, and click Close .

4) Repeat steps 1–3 using table 9-1 to configure the rest of the pop-up windows. (Table 9-1 will also be used in exercise 9h.)

5) On the toolbar above the map, click the Edit button to stop editing the Map Notes.

Table 9-1. Configure pop-up windows

Site Description Image URLSite 1 Site 1 is nearly a full half mile from the river but has good demographics

and good vehicle access. Steep slopes on the property may be an issue.http://bit.ly/ugis_s1_thumb

Site 2 Site 2 has good demographics and good vehicle access off a main road. Steep slopes on the property may be an issue.

http://bit.ly/ugis_s2_thumb

Site 3 Site 3 is on a quiet street and is level, but part of the site is being used as a parking lot. It would require some additional work to create a park at this location.


Site 4 Site 4 is the closest to the river and has good access with a bike path across the street to the east. It appears to be currently used for storage by adjacent businesses.


Site 5 Site 5 is on a corner lot, which would create a more open feel for a potential park. It also has good demographics, serving the lowest median household income of all the sites and the highest density of people.


Site 6 Site 6 is clear and ready for development. It has the advantage of having a new Metrolink station right across the street.


26Exercise 9g: Create a Basic Viewer web mapping appLesson 9: Share your results online

6) Zoom to one of the sites and click the Map Note stickpin. The pop-up window should look similar to the figure.

7) Click the Study Area bookmark and save your map.

Exercise 9g: Create a Basic Viewer web mapping app

Create the app

1) If necessary, open the web map created in exercise 9f.

2) On the toolbar above the map, click the Share button . The Share dialog box allows you to share your map publicly, with everyone in your ArcGIS Organizational Account or Portal for ArcGIS, or members of various groups in your organization or portal. The dialog box also allows you to quickly and easily create a custom web app using the web map you just created. If the Update Sharing dialog box appears, click Update Sharing.

3) Click the Create a Web App button in the middle of the dialog box. This dialog box presents many configurable web apps that you can create using your web map. You will use the Basic Viewer template for this activity, but feel free to explore and create other apps using the various templates.


4) Click Basic Viewer, and then click Create Web App in the panel that slides out to the right.

5) Change the title and description as shown in the figure, and then click Done.


Configure the app

Now you can use the tabs at the top of the app to configure your app. Customize the app browser however you like—it does not have to match the figures.

1) On the App tab on the far left, add a title and subtitle:

a) Give it a title of LA River Recommended Park Sites.

b) Give it a subtitle of Use the map to explore potential pocket park locations.


2) On the General tab, use the Edit buttons and check boxes to provide additional information for users of your app, using the figure as a guide.

3) Click Save to see how your app looks so far.

4) Use the Theme tab to choose a layout and colors.

5) Click Save to see how your changes look.

6) Use the Tools tab to pick which tools should be included in your app. You’ll probably want all the options except Display Editor, but feel free to experiment with how all the various tools work.

7) Use the drop-down list under Specify active tool at app startup to select Details. Feel free to try some of the other options, but we suggest Details as the default and will use it in subsequent figures.

8) Click Save to see how your app looks and behaves so far.

30Exercise 9h: Create a Story Map Journal appLesson 9: Share your results online

9) When you are happy with your app, click Close. Clicking Close will take you to the item details page where you can further define metadata and settings if needed. There is also a link to view your app or further configure it.

You can get back to this page by going to the My Content page and clicking it there.

10) On the far right, click View Application to open your live app.

Exercise 9h: Create a Story Map Journal appEsri Story Map Journal is ideal when you want to combine narrative text with maps and other embedded content. A story map journal contains entries, or sections, that users simply scroll through. Each section in a story map journal has an associated map, image, video, or web page. Actions can also be defined in journal sections so that, for example, clicking a word automatically zooms the section’s map to a specific location.


Start building the app

1) Visit http://storymaps.arcgis.com/en/app-list/map-journal to see examples and detailed information about building Story Map Journal apps. Notice the different components of the template and how the narrative, maps, photos, video, and other media can be embedded to effectively tell a story.

2) Go to your My Content page and open your map titled LA River Recommended Park Sites Web Map. The item page opens.

3) On the far right of the page, click the Create Web App button, and then in the drop-down menu, click Using a Template. The Create a New Web App window displays a list of web app templates.

4) In the far-left column, click the Build a Story Map tab, and then in the gallery of templates, select Story Map Journal and click Create Web App.

5) Give the app a title of LA River Recommended Park Sites Story Map and a summary of A story map of recommended park sites along the LA River. The tags should already be configured on the basis of the web map’s tags.

6) Click Done.

The app will be created in your content, and Map Journal Builder will be displayed.

Lay out the map journal

1) Choose one of the layout options. You can change this setting later so you’ll use Side Panel for the screen captures. Then click Start.

2) Give your map journal a name and click the big blue arrow on the right.


Now you can start entering content. Map journals are made up of multiple sections (similar to slides in a presentation), each with its own content (text, maps, and media) in the side panel and main stage. Content in Side Panel can be configured to change or per-form some action on Main Stage.

3) The first section is referred to as the Home section. Notice that you have the option to choose different content types for the main stage. Start by selecting LA River Recommended Park Sites Web Map in the Map drop-down list and keep the default settings.

4) Compare to the figure and click Next.


5) In the Side Panel Content window, use the text editor to edit the following text. The familiar formatting tools allow you to control font styling. Feel free to be creative with the styling. It is not important that your story map look the same as the screen captures. The Los Angeles River Revitalization Master Plan seeks to improve the quality of life for citizens living near the LA River corridor through wise redevelopment. This story map presents the results of a GIS project to identify suitable park sites along the LA River. City council guidelines for siting the park(s) include:

1. On a vacant parcel of land at least one-quarter acre in size2. Within the Los Angeles city limits3. As close as possible to the Los Angeles River4. Not in the vicinity of an existing park5. In a densely populated neighborhood with lots of children6. In a lower-income neighborhood7. Where as many people as possible can be served

6) When you are finished entering and formatting the text, click the Add button. Your story map should now look similar to the figure shown.


7) Take a minute to zoom and pan around the dynamic map in Main Stage to see that it behaves the same as the shared web map.

8) On the toolbar at the top of Map Journal Builder, click Settings . Click through the tabs to see the various styling options available.

9) Select a theme you like and make any other styling changes, and then click Apply.

Add a new section

1) Add a new section by clicking the Add Section button at the bottom of the side panel. Clicking Add Section opens the same dialog box that you used to enter content for the Home section.

2) Give the section a title of Site 1, and confirm that Map is the selected content with the web map you selected earlier. Although you will be using the same web map throughout this lesson, you may use different maps in each section if desired.

3) Next to Location, click the Custom Configuration button to set the location to zoom to when the user navigates to this section.


4) Zoom in to the Site 1 stickpin and click Save Map Location.

The Main Stage Content dialog box will reappear.

5) Leave Content as Map default. Setting a custom configuration would allow you to change which layers are displayed when navigating to the section.

6) Next to Pop-up, click Custom configuration to select a map pop-up window to display when navigating to this section.

7) On the map, click the Site 1 stickpin to open it, and then click Save the pop-up configuration.


8) Click to select the check box next to Overview map.

9) Click Next to start configuring Side Panel content.

Configure the side panel

1) Enter the following content into the Side Panel text box and click Add. Site 1 is nearly a full half mile from the river but has good demographics and good vehicle access. Steep slopes on the property may be an issue.

You’ll add more information to Side Panel soon, but now you can see how the sections work in your story map.

2) Navigate to the Home section by scrolling up with the mouse wheel, clicking on the Home section’s content in the side panel, or clicking the home icon or Up Arrow button on the left vertical bar. Notice that the map zooms out to your study area and hides the pop-up window when you activate the Home section. Go back to the Site 1 section and notice that the map zooms back in and displays the pop-up window.


3) With the map zoomed to Site 1, click the parcel polygon (not the stickpin) to display the pop-up window, and then use the pointer to select and copy the attribute information.

4) In the side panel, click the Edit button next to Site 1.

5) Confirm that the Side Panel tab is selected above the text area. Add a line just after the site description, and then type Analysis Results and make it bold. Add another line of space, and then paste the attribute information you copied from the pop-up window.

Now you’ll add a picture to the side panel to provide more context. Map Journal Builder provides a convenient integration feature with the media-sharing sites Flickr® and others to insert pictures. You’ll be using Flickr for this story map.

6) Add a line after the Analysis Results table, and in the toolbar above the text area, click the Insert Media button .

7) In the list of Media options, confirm that Image is selected, and in the list of sharing platforms, click Flickr.

8) For User name, enter UnderstandingGIS, and click Load albums.


9) From the list of albums, select Park Site Photos.

10) Choose one of the pictures for Site 1.

11) Give the image a caption of something like Photo of Site 1.

12) Select the check box to Include a maximize button in the corner of the image.

13) Click Apply to insert the image. Clicking Apply takes you back to the Side Panel editor, in which you can change the size of the photo if you want or add any additional text or media.

14) Click Save to save your edits—and see your section.

Add a map action link

Story map journals allow you to control the content displayed on the main stage from the side panel by creating action links. You’ll add an action link to zoom out to the study area for context.

1) In Side Panel, click the Edit button next to Site 1.

2) In the Side Panel text box, just below the site description and above the analysis results, enter the text Zoom to study area.

3) Using the pointer, select/highlight Zoom to study area, and in the Story Actions group of the formatting toolbar, click the Change the Main Stage content button.

4) Next to Location, click the Custom configuration button, and then zoom out on the map to see the extent of all the recommended sites.

5) Click Save Map Location, and then click Apply.

Notice that your Zoom to study area text is now bold with an underline to signal to users that they can click on it.

6) Click Save to close the Edit Section dialog box.

7) In Side Panel, try out your new action link by clicking it. At the top of Main Stage, click the back button to return to the site.


8) Save your story map by clicking the Save button in the upper-right corner of the screen.

9) Add sections for each of the other park sites by repeating steps 1–4 on pages 34 and 35 under “Add a new section,” and use table 9-1 on page 25 for the site descriptions.

Add a final section

1) Add one last section to conclude your story map, and title it Thank You!

Instead of using a map for the last section, you’ll use an image.

2) For Main Stage Content options, click Image and then click Link.


3) In the Image Link box, enter http://bit.ly/ugis_lariver, and confirm that Fill is selected as the Position option. Then click Next.

4) In the Side Panel Content editor, enter the text: For more on the LA River Revitalization efforts, please visit http://lariver.org.

5) Select/highlight http://lariver.org, and use the Link button to insert the URL and turn it into a hyperlink. Click OK.

Lastly, you’ll add a video from YouTube to the section.

6) Add a line after the link, and on the formatting toolbar, click the Add Media button.

7) In the list of media options, click Video and then click You Tube. Enter the following link in the box: https://www.youtube.com/watch?v=zd7u5T_tDhQ. Click Check, and then click Select this video.

8) Select the Fit position option, and then click Apply and finally click Add to close the dialog box.

9) Try out your video by clicking it in the side panel.

10) In the upper-right corner of Map Journal Builder, click Save to save the story map, and then in the upper toolbar, click the Share button . From here, you may choose to keep it private or share it with your organization or publicly or embed it in another site, such as a blog.

11) Click the Organization option, and then copy the link in the Socialize box to a new browser tab to see your new story map.

A quick note about sharing story maps and other types of web apps:

A web app consists of one or more web maps—which themselves consist of one or more web layers. For someone to see all the content contained in the web app, they must have access permission to all the associated web maps and layers. This is not a problem if everything is shared with the organization or publicly, but can be confusing when dealing with private content or content shared to a group. Map Journal Builder includes features that automatically check your con-tent to warn of access permission issues.

Documents

Lesson Introduction 9 Share your results onlineesripress.esri.com/storage/esripress/bookresources/ugis3/lesson9... · Lesson 9: Share your results online Exercise 9a: Publish web