Creating web maps with ArcGIS Online

ArcGIS Online includes everything you need to create your own maps by accessing a gallery of basemaps, adding your own layers, and configuring mashups that you can share with others and embed in your own website.

In this section of the workshop we will create some basic web maps and embed them in our own website.

1. Navigating in ArcGIS Online

Sign in arcgis.com with your Clemson ID account as mentioned in the section before. Once you are signed in, go to Map at the top of the page.

One of the main features of ArcGIS Online is the Map section, where you can explore content, add your own data, perform analysis and create your own interactive web maps.

In the upper left section, click the Basemap button and choose a different basemap.

Explore different basemaps and practice zooming in and out using the roller button in your mouse.

You also have a search button to find places. In the search box on the top right, type Charleston.

Change the basemap to Imagery.

2. Your first map: Sea Level Rise

2.1 Adding climate-related content (Sea Level Rise)

Go back to Arcgis Online. Click the Add button and at the bottom of the search results, click Done Adding Layers.

Take a look at this data layer. Expand its view on the Contents section (click the inverted triangle to the left of the layer) and notice there are two sub-layers. Click on the Show Legend button to understand what they represent.

This 3 ft Sea Level Rise layer from NOAA shows what 3ft of sea level rise would look like for the U.S. coast.

Levels represent inundation at high tide. Areas that are hydrologically connected are shown in shades of blue (darker blue = greater depth).

Low-lying areas, displayed in green, are hydrologically "unconnected" areas that may flood. They are determined solely by how well the elevation data captures the area's hydraulics.

ArcGIS Online has a wealth of data from many trusted sources such as NOAA and USGS. Next we will search for climate data and add a sea-rise layer to our web map.

On the top left section, click the dropdown menu to the Add button. Click Search for Layers.

In the Search for Layers window, type sea-rise level.

Make sure the box next to In: is set to ArcGIS Online.

Scroll down in the results until you find 3ft Sea Level Rise by noaa. In the Search results, click on the title and select Item Details. A new window appears at this link that has extensive metadata about this layer created by NOAA.

Zoom in downtown Charleston. To better see the area affected, change the transparency by clicking on the ... below 3 ft Sea Level Rise, select Transparency and change the slider to 25%.

You can see now that with a 3ft rise in sea levels a significant part of Charleston and the surrounding areas would be inundated with water.

2.2 Saving your map

Above the center of the map, click Save. Select Save. Follow these settings:

Title: Sea Level Rise in Charleston, SC

Tags: sea level rise, climate change, Charleston

Summary: A web map displaying sea-level rise data for Charleston, SC

2.3 Sharing your map

Next to the Save button, click Share.

In the new window that appears, check the box to share with Everyone (public).

Notice that you can share the short link to the map. In the next section, you will be embedding your new map in your Google site that you created earlier.

3. Your second map: Total Annual Precipitation

You are now going to create a second map that looks at precipitation. On the upper right corner, select New Map. Create New Map.

Go to the Add menu. In the drop-down menu, select Browse Living Atlas Layers. This is a list of updated GIS datasets that are specifically curated for use in ArcGIS Online.

Click the All Categories drop-down menu to see the themes. In the Search box, type Precipitation.

Find the National Weather Service Precipitation Forecast and add it to the map as a Layer. This layer contains real-time data displaying the precipitation forecast for the next 72 hours across the Continental United States. Click the Close button to go back to the map.

Notice there is a time slider at the bottom. Click on the play button to see the data animation for the next 10 days. Are we getting any rain in South Carolina?

Remove your layer by going to the Contents section, clicking the ... below the layer and selecting Remove.

Using the steps that we demonstrated to you before, search and add a layer from ArcGIS Online called Total Annual Precipitation by e.barona_CIAT.

Once you add this layer, zoom to the extent of the layer by clicking on ... and selecting Zoom To. Notice this is a global layer. Find some more details about this layer by clicking on ..., Show Item Details.

This layer displays annual average precipitation for the entire world at a 1-km spatial resolution.

Add the legend for this layer your map. Notice the units are mm.

Change your basemap to Oceans..

Save your map with the following details:

-Title: Total Annual Precipitation 2013

- Tags: precipitation

- Summary: A web map displaying total annual precipitation.

Click Save Map.

4. Third map: Global CO2 Emissions

4.1 Adding your GIS data from ArcMap: CO2 Emissions (World Bank)

In your computer, download the CO2_Emissions_WorldBank.zip file and uncompressed to your GISClimatedata folder. This is a file downloaded from the World Bank DataBank. You can get the original data here. Notice the units are metric tons per capita.

Open ArcMap and add the shapefile to your table of contents. Open the attribute table and become familiar with the fields available.

To upload your data from ArcMap to ArcGIS Online, go to File > Share As > Service.

In the new window that appears, select Publish a service. Click Next.

Choose a connection > My Hosted Services (Clemson University). Service name: CO2EmissionsbyMyInitials. Click Continue.

In the Service Editor window, follow these settings:

- Capabilities: Feature Access

- Item Description:

- Summary: CO2 emissions in metric tons per capita

- Tags: CO2, emissions

- Sharing: Everyone (public)

Click the Analyze button to check for any possible errors that might occur while uploading your data from your desktop to arcgis.com.

On the top right corner of the Service Editor window, click Publish. Your shapefile will be uploaded to the cloud as a feature service.

Close ArcMap and go to arcgis.com. In your Home section on the left, click on the drop-down arrow to see your main menu. Go to the My Content section. Notice in your content now you have a Feature Layer named co2emissionsbyyourinitials. For each GIS dataset, you have two components in Arcgis online: the feature layer that contains the data and the service definition that contains the information related to how you published your data to Arcgis online from ArcMap.

4.2 Changing the Symbology

Click the drop-down arrow on the feature layer (hosted) and select Add layer to new map. Once it appears, you can see the attribute table by clicking on the table icon below the layer's name. We are going to symbolize this polygon layer by the CO2 emissions on 2013.

In the Contents section, click the Change Style symbol below the layer's name. Follow these settings:

- Choose an attribute to show: Year_2013

- Select a drawing style: counts and amounts (size).

If you want to change these symbols, click on Options > Classify Data and change the color and size individually by clicking directly on the circle for each category.

Change the transparency to 25%.

Add the legend to the map by clicking on the symbol below your layer.

Change your basemap to Dark Grey Canvas

4.3 Changing the Pop-up Window

Click on any country to open a pop-up window. Notice it displays all the fields and values from the attribute table for that country.

To change the pop-up window, go to the ... below your layer's name and select Configure Pop-up.

For the Pop-up Title, remove CO2_Emissions_WorldBank and leave {CNTRY_NAME}. Click OK and check the changes.

Open up again the configure pop-up window and follow the instructions below:

Pop-up Contents: select Pop_Cntry. Change its alias to Total Population

Pop-up Media: click Add > Line Chart.

- Title: Emissions from 1963-2013

- Caption: Data sources: World Bank

- Chart Fields: Select the years from 1960 to 2013

Click OK twice to see your results.

Save your map as: CO2 Emissions in metric tons per capita by yourinitials

Share your map and embed it on your website.

4.4 Embedding your map in your website

You can embed your interactive map in any website of your choice, as long as you can edit in HTML mode.

In the Share menu, make it public and click the Embed in website button. Notice the new window that appears:

Under choose the size of your map, enter a width of 850 pixels and a height of 600.

In the Map Options window, check the Home Button and Legend boxes.

Click the COPY button to copy the HTML code that will embed this map in your website.

Go to your Google site, start an editing session.

Select the <HTML> view and paste the code the editor box. Click Update.

Notice the warning message.

Click Save.

5. Managing your content in ArcGIS Online

Your map that you created is saved and is part of your content section in ArcGIS Online, where you manage all your data, maps, and apps.

In the upper left corner, click the Home menu and select My Content.

Notice you have three Web Maps that you created. One of them is Public and the other one is private (precipitation).

Check the box to the left of Total Annual Precipitation and click the Share button on top. Select Access and check the box next to Everyone (public).