Create a map

In this module, you'll create a map that shows hurricane evacuation routes in Houston, Texas. First, you'll create a new map and locate Houston, Texas. Then, you'll add a map layer that shows evacuation routes. Lastly, you'll change the way your map and layers look to better display the data.

Begin a map

You'll begin your map by signing in and navigating to your area of interest: Houston, Texas.

  1. Open ArcGIS Enterprise and sign into your portal with a named user account.
  2. On the ribbon, click Map.

    Map link on ribbon

    A new map opens.

    Tip:

    If you're in a new session, clicking Map will open a new map. Otherwise, it will open an existing map (the last map you were using). If an existing map opens, click New Map.

    Default map

    Your map's appearance varies based on your account or organizational settings and your browser window size. It may show the United States (like in the example image), the world, or another extent. The only layer on the map is the basemap, which provides geographic context such as water bodies and political boundaries. The default basemap is Topographic, but your map may have a different basemap depending on your organization's settings.

    Above the map is the ribbon. To the left side of the map is the Details pane, which provides information about the map and its layers. Next, you'll navigate to your area of interest.

  3. On the ribbon, in the search box, type Houston. In the list of suggested locations, click Houston, TX, USA.

    Search results for Houston, Texas

    Note:

    Some Enterprise portals have custom address locators. You may encounter different search results than those in the example image.

    The map zooms to Houston. A Search result pop-up confirms the location.

    Map showing Houston, Texas

  4. Close the Search result pop-up.

Add a layer

Next, you'll add a layer to your map that shows hurricane evacuation routes in Houston. You'll add this layer from ArcGIS Living Atlas of the World, a collection of curated geographic data from around the globe.

  1. On the ribbon, click Add and choose Search for Layers.

    Browse Living Atlas Layers option

    The search pane appears. The layer you want to add is owned by the Federal User Community, an ArcGIS account that contains United States governmental data. You can find the layer more easily by adding the name of the layer's owner to the search terms.

  2. Click My Content and choose ArcGIS Online.
    Note:
    Browsing Living Atlas layers exclusively searches for Living Atlas content curated by Esri. Authoritative content submitted by other users such as the Federal User Community is still curated by Living Atlas, but can be found in ArcGIS Online.
  3. In the search box, type Hurricane Evacuation Routes. Then, type owner:Federal_User_Community.

    Search for Hurricane Evacuation Routes in ArcGIS Online

  4. Press Enter.

    The search returns a single result.

  5. For the Hurricane Evacuation Routes layer, click the Add button.

    Add Hurricane Evacuation Routes layer

    The layer is added to the map.

    Map of hurricane evacuation routes

    The routes are displayed as dark gray lines that travel throughout the city, but they don't stand out clearly against the Topographic basemap. You'll change the basemap to one with a lighter color scheme so the routes stand out.

  6. In the search pane, click the Back button.

    You return to the Contents pane. It lists all layers on the map, including the basemap.

    Note:

    You may need to click the Show Contents of Map button to see the Contents pane.

  7. On the ribbon, click Basemap and choose Light Gray Canvas.

    Basemap gallery

    Note:

    Some portals may have different default basemaps. If you don't see the Light Gray Canvas basemap, click Add and choose Browse Living Atlas Layers. Search for World Light Gray and add the World Light Gray Base and World Light Gray Reference layers. Then, in the Contents pane, click the More Options button for each layer and choose Move to Basemap.

    The basemap changes. The evacuation routes stand out much more against the lighter-colored, less-detailed basemap.

    Map with Light Gray Canvas basemap

Navigate the map

Before you continue, it's a good idea to explore the map and familiarize yourself with Houston's geography. With a better understanding of the area, you'll be better informed to make decisions and draw conclusions later on. Before you explore, you'll create a bookmark of the current extent so you can quickly return to it when needed.

  1. On the ribbon, click Bookmarks and choose Add Bookmark.

    Add Bookmark option

    A text box for the bookmark's name appears.

  2. In the text box, type Houston and press Enter.

    The bookmark is added. You can choose this bookmark to automatically navigate to the map extent where the bookmark was created.

  3. Close the Bookmarked places window.

    You're now ready to explore the city.

  4. Zoom in to the center of the city, west of the 1-45 evacuation route, near the Houston label, until the Buffalo, Brays, and White Oak Bayous appear on the map.
    Tip:

    There are several ways to zoom. You can click the Zoom In button in the corner of the map or scroll up with the mouse wheel. Alternatively, you can press Shift while drawing a box around the area you want to zoom to.

  5. If necessary, pan the map until all three bayous are visible.

    Map zoomed to bayous

    Houston has several major bayous (flat, low-lying marshes or wetlands). During a hurricane, these bayous are prone to flooding and can become especially dangerous. You may want to keep this area in mind when you later identify high-risk areas.

  6. Add a bookmark for the current map extent. Name the bookmark Bayous.
  7. On the ribbon, click Bookmarks and choose Houston.

    The map zooms to its original extent.

Change the style

Although the evacuation routes stand out more against the light basemap, they could be even more eye-catching. You'll change the layer's style, also known as its symbology, to give the routes a brighter color and a thicker line width.

  1. In the Contents pane, point to the Hurricane Evacuation Routes layer and click the Change Style button.

    Change Style button

    The Change Style pane appears. Layers can have either a single symbol or multiple symbols based on attribute information such as names or speed limits. You'll learn more about attribute information later. Right now, you're only interested in showing the location of roads, not particular characteristics of each road, so you'll symbolize the layer with a single symbol.

  2. For Choose an attribute to show, click the drop-down and choose Show location only.
  3. For Location (Single symbol), click Options.

    Location (Single symbol) Options button

    The pane changes to provide multiple style options, such as the layer's transparency or the range of map extents at which it is visible. You'll change the color and size of the symbol itself.

  4. Click Symbols.

    Symbols option

    A window opens with a color palette and other options.

  5. On the color palette, choose the blue color on the bottom row, fourth column from the right.

    Dark blue color on palette

    After you choose the color, the six-character hexadecimal code changes to #004C73.

  6. For Line Width, choose 3 px.

    Line Width option

  7. Click OK.

    The new line color and width are applied to the layer.

  8. In the Change Style pane, click OK. Then, click Done.

    Map with blue evacuation routes

    With the thicker, brighter symbol, the routes are eye-catching and stand out.

    The routes layer is a feature layer, which means it consists of individual features with distinct characteristics. In this case, each route segment is a feature. You can view a feature's characteristics, also known as its attribute information, by clicking the feature on the map and opening its pop-up.

  9. Click a segment of an evacuation route.

    Its pop-up opens.

    Pop-up for I-45 evacuation route

    From the pop-up, you learn name of the route (in the example image, I-45), as well as whether the route is paved and what type of road it is. The owner of the Hurricane Evacuation Routes layer specifically configured this pop-up to present attribute information in a clear and readable way. You'll learn how to configure pop-ups in a later lesson.

  10. Click a few different route segments to view their pop-ups. When finished, close the pop-up.

Save and share the map

Next, you'll save your evacuation map and assign it a title, tags, and a summary to make it easy to find and identify later. Then, you'll share the map to make it accessible.

  1. On the ribbon, click the Save button and click Save As.

    Save button

    The Save Map window opens.

  2. For Title, type Houston Evacuation Map.

    Next, you'll add tags. Tags are terms that allow users to search for your map in your ArcGIS Enterprise organization.

  3. For Tags, type each of the following tags, pressing Enter after each one:

    • Hurricanes
    • Roads
    • Evacuation Routes
    • Houston

    The summary appears on your map's details page and should provide information so users better understand your map's purpose.

  4. For Summary, type This map shows hurricane evacuation routes in Houston, Texas.

    Save Map window parameters

  5. Click Save Map.

    The map is saved. It now appears in your account's content. You can access your content by clicking Home and choosing Content. For now, you'll set the sharing permissions.

  6. On the ribbon, click the Share button.

    Share button

  7. In the Share window, check Everyone.
    Note:

    Alternatively, you can also choose to share it only within ArcGIS Enterprise or select groups within your organization.

  8. Click Done.
    Tip:

    You can also feature your map on a public-facing (ArcGIS Online) or internal (ArcGIS Enterprise) website by embedding the map. In the Share window, click Embed in Website and choose the map options and symbols you want. Then, copy the HTML code provided and paste it into your web page.

In this lesson, you located the city of Houston and added a layer showing hurricane evacuation routes. Then, you changed the basemap and the style of the routes. Finally, you saved your map and shared it with the public.

Web maps often include multiple layers of data to highlight spatial patterns and relationships. Next, you'll add a layer of Houston demographic data and identify vulnerable areas in need of evacuation assistance.


Identify spatial patterns

Previously, you created a map of Houston evacuation routes. Next, you'll determine areas of the city that are likely in need of evacuation assistance. To do so, you'll add a layer of Houston demographic data to your map and view the layer's attribute table to find attributes about vehicle ownership. Areas with a high percentage of people who don't own vehicles might need help evacuating, so you'll style the layer using more advanced symbology options to emphasize these areas. Lastly, you'll customize the layer's pop-up to show the relevant demographic information.

Add demographic data

First, you'll add a layer containing demographic data by census tract. United States census tracts divide counties into smaller geographic areas, which are useful for revealing spatial patterns.

  1. If necessary, open your Houston Evacuation Map. (Sign in to your account. At the top of the page, click Content. Click the options button next to your web map and choose Open in Map Viewer.)

    Open in Map Viewer option

  2. On the ribbon, click Add and choose Search for Layers.

    Unlike the routes layer, the demographic data you'll add isn't in the Living Atlas. Instead, it's owned by the Learn ArcGIS administrator account.

  3. At the top of the pane, choose ArcGIS Online.
  4. In the search box, type Houston Demographics owner:Learn_ArcGIS. Press Enter.
  5. Add the layer.
    Note:

    It may take a few moments for the layer to appear on the map.

    Houston Demographics by Census Tracts layer

    The layer is added to the map. It's styled by location and shows all census tracts with a single color. Right now, the layer doesn't tell you anything or provide any insight into areas in need of evacuation assistance.

  6. Click the Back button.

    The new layer is listed in the Contents pane above the Hurricane Evacuation Routes layer you added in the previous lesson.

    Layers are drawn on the map in the same order they appear in the Contents pane. In your map, the evacuation routes are partially covered by the census tracts because the Houston Demographics by Census Tracts layer is above the Hurricane Evacuation Routes layer in the Contents pane (you can still see the routes somewhat because the census tracts layer is transparent). To better see the routes, you'll reorder the layers.

  7. In the Contents pane, point to the Hurricane Evacuation Routes layer, click the More Options button, and choose Move up.

    Move up option

    Tip:

    You can also reorder layers in the Contents pane by dragging them.

    The layers are reordered and the evacuation routes are now displayed on top of the census tracts on the map.

    Map showing evacuation routes on top of census tracts

View the attribute table

Every layer has a table that contains all attribute data about the geographic features in the layer. You'll view the table for the Houston Demographics by Census Tracts layer to find data that will help you identify areas that are vulnerable during a hurricane.

  1. In the Contents pane, point to the Houston Census Tract Demographics layer and click the Show Table button.

    Show Table button

    The layer's attribute table opens. Each row in the table represents a feature (in this case, a census tract area). The columns, or fields, provide different types of information about the census tract features. For example, the FIPS Code field contains a code that represents the state, county, and census tract identifier for each census tract feature, and the Total Owner/Renter Households (ACS 2011-2015) field shows the total number of households in each tract.

    Tip:

    To make the table larger, drag the top of the table.

  2. If necessary, use the scroll bar at the bottom of the table to scroll all the way to the right.
  3. Locate the Percent of Households without a Vehicle field.

    Table showing Owner/Renter Households without a Vehicle field

    This field shows the percentage of households in each tract that do not own a vehicle. Areas with a high percentage of people who don't own vehicles might need help evacuating, so you'll style the layer using the values in this field.

  4. Close the table.

Style the layer using an attribute

Next, you'll change the layer's style based on the attribute field to emphasize census tracts with a high number of households without a vehicle on the map.

  1. In the Contents pane, point to the Houston Census Tract Demographics layer and click the Change Style button.

    The Change Style pane opens. When you styled a layer previously, you styled evacuation routes with a single symbol based on location. This time, you'll choose an attribute and style the census tracts with multiple symbols.

  2. For Choose an attribute to show, choose Percent of Households without a Vehicle (ACS 2011-2015).

    Choose an attribute to show

    Based on the attribute you chose, several styles become available. The list of available styles is determined by your type of data, a process known as smart mapping. In this case, the recommended smart mapping style is Counts and Amounts (Size), which is marked by a blue check mark and applied to the map. This style symbolizes each census tract with a circle sized based on households without a vehicle. You could use this style, but at this map extent the differently sized circles frequently overlap. Instead, you'll style the census tracts by color instead of size.

  3. For Counts and Amounts (Color), click Select.

    Counts and Amounts (Color) Select button

    The layer updates on the map with a default color ramp called High to Low. Census tracts with the lowest values have a light color, while those with the highest values have a dark color.

    Map showing the number of households without a vehicle

    Note:

    Your default colors may differ from those in the example image.

    The default color ramp can make it difficult to see the evacuation routes in areas with high percentages, so you'll change the color ramp to ensure all layers remain visible throughout the map.

  4. For Counts and Amounts (Color), click Options. In the more advanced options, click Symbols.

    Symbols option

    A window appears with options to change the fill color and outline of the symbols on the map. You'll choose a blue-themed color ramp to match the evacuation routes.

  5. For Fill, in the color ramp selector, click the blue-to-gray color ramp.

    Blue-to-gray color ramp

  6. Click OK.

    The new color ramp is applied to the map.

    Map with blue-to-gray color ramp

    In this map, census tracts with a higher-than-average percentage of households without a vehicle stand out in blue. Based on the legend, the average percentage is about 6 percent. A clear pattern of limited access to vehicles stands out in downtown Houston, close to the geographic center of the city. These census tracts would likely benefit the most from increased evacuation assistance, such as public transportation.

  7. In the Change Style pane, click OK, then Done.

    Now that the layer is styled to show households without a vehicle, you'll give it a more descriptive name.

  8. In the Contents pane, point to the Houston Demographics by Census Tracts layer. Click the More Options button and choose Rename.

    Rename option

  9. In the Rename window, type Percentage of Households Without a Vehicle and click OK.

    The layer name is updated in the Contents pane.

  10. Save the map.

In this lesson, you added a layer of Houston demographic data to the map and viewed its attribute table. Then, you created an expression and styled the layer to show the percentage of households without a vehicle in each census tract. Finally, you customized the layer's pop-up to highlight key demographic information. Now, you can better identify areas in Houston with limited vehicle ownership to determine where evacuation assistance is most needed during a hurricane. Next, you'll create an interactive web app to share your findings with the public.


Create an app

Previously, you finished your web map by adding and styling demographic data to show census tracts with a high percentage of households without vehicles. In this lesson, you'll use your map to create a web app. A web app is a customized user interface that enhances your map's appearance, adds (or removes) functionality, and helps you integrate the map with other media. You can choose from a variety of configurable templates, depending on how you want to display your map. You simply want to showcase your map to the public, so you'll configure a Basic Viewer app template with only a few standard navigation tools. You'll also edit the app's item details to include proper information about the app's purpose and data sources.

Create a web app

You finished your web map by adding and styling demographic data to show census tracts with a high percentage of households without vehicles. Next, you'll use your map to create a web app. A web app is a customized user interface that enhances your map's appearance, adds (or removes) functionality, and helps you integrate the map with other media. You can choose from a variety of configurable templates, depending on how you want to display your map. You simply want to showcase your map to the public, so you'll configure a Basic Viewer app template with only a few standard navigation tools.

  1. On the ribbon, click the Share button.
  2. Click Create a Web App.

    Create a Web App button

    The Create a New Web App window appears. It includes a gallery of configurable apps, organized into categories based on purpose and functionality. You want your map to be the primary focus of your app. You also want to show the legend, pop-up information, and a map description. For these purposes, you'll use the Basic Viewer app.

  3. Click the Showcase a Map tab.

    Showcase a Map tab

    A list of app templates that provide a simple user interface is displayed.

    Note:

    If you are using an organizational account and your organization has configured custom galleries, you may not see the same configurable apps in this tab. If so, you can search for the Basic Viewer template using the search box.

  4. Click the Basic Viewer app. Then, click Create Web App.

    Before you configure the app, you must specify its title, tags, and summary. By default, the app has the same information as the web map used to create it. You'll change the title to better represent what you intend the map to emphasize, and leave the other parameters unchanged.

  5. Change Title to At-Risk Population in Houston.
  6. Click Done.

    The app opens in its configurable state.

    Default configurable app

Configure the app

Next, you'll change elements of the app's presentation to better communicate the map's story to users. There are four tabs of configurable parameters available. The default tab is General, which includes options for the title and subtitle, as well as additional details to explain the map.

  1. For Application title, type At-Risk Population in Houston. For Application subtitle, type Census tracts that may be vulnerable during a hurricane.

    The app details are a longer description that will be shown in the app.

  2. Next to Details, click Edit. Type (or copy and paste) the following text:

    This map shows evacuation routes and demographic data by census tract for Houston, Texas. The darker blue tracts have a higher percentage of households without a vehicle. This pattern helps answer the question: Where in Houston should we provide evacuation assistance during a hurricane?

    Tip:

    If you copy and paste the text, it may be formatted. You can remove the formatting by highlighting the text and clicking the Remove Format button on the toolbar.

    General tab parameters

  3. Click the Theme tab.

    This tab provides options to specify colors for various user interface elements. Feel free to experiment with colors and choose the ones you like. The following steps will provide recommended colors.

  4. For Header color, choose the blue color (#0084A8) in the second row from the bottom, fourth column from the right.

    Header color option

  5. For Header text color and Button icon color, choose the lightest gray (#EBEBEB) in the second row, first column.
  6. For Panel background, choose the next-darkest gray (#D6D6D6) in the third row, first column.
  7. For Panel text color, choose black (#1A1A1A).

    Theme tab parameters

  8. Under the map, click Save.

    The parameters you chose are saved and displayed on the app. Next, you'll configure the navigation tools you want to display in your app.

  9. Click the Options tab.

    By default, the basemap gallery, bookmarks, map details, and share tools are chosen. The app also includes a list of map layers. You'll uncheck the basemap gallery and bookmarks options to streamline the user experience and focus on the map content. Of the available options, you'll also include a legend.

  10. Uncheck the Basemap Gallery and Bookmarks boxes. Check the Legend box.

    Legend box

    The final tab, Search, provides options for users to search for specific places in the map. For your app's purposes, this functionality isn't necessary, so you'll turn it off.

  11. Click the Search tab.
  12. Uncheck Enable search tool.

    Enable search tool box

  13. Click Save.

    Preview of the final app configuration

  14. In the preview, test your app's functionality. Navigate the map and click the various buttons in the user interface.
  15. When satisfied, click Close.

    The app's details page opens.

Edit the item details

Your app is completed. Next, you'll edit its details to provide meaningful information about the map and data for the users. This information is called metadata, and it's important for all maps and apps to have it. The Item Information bar indicates your progress toward high-quality item information and also indicates the most important improvement you can make.

  1. Under Item Information, next to Top Improvement, click Add a longer summary.

    Item Information improvement

    The Edit Summary box becomes active.

  2. Type (or copy and paste) the following text:

    This web app highlights areas in need of assistance during a hurricane evacuation in Houston, Texas.

    Edit Summary box

  3. Click Save.

    The Item Information bar updates to reflect the information you added. Next, its recommendation is to add a description.

  4. Next to Top Improvement, click Add a description.

    The Edit Description box becomes active. A description should be even more detailed and in-depth than a summary. It should explain not only the app's purpose and what kind of data it shows, but also information about how to use the app and how it was created.

  5. Type (or copy and paste) the following text:

    This app shows evacuation routes and demographic data by census tract for Houston, Texas. The darker blue tracts have a higher percentage of households without a vehicle. This pattern helps answer the question: Where in Houston should we provide evacuation assistance during a hurricane?

    Use the Layers and Legend tools to learn more about the data shown in the map. Click individual census tracts to see pop-up information, including the percentage of households without a vehicle.

    The map in this app contains a Living Atlas layer of Houston evacuation routes and a layer of Houston demographic data. The demographic layer is styled using an Arcade expression that calculates the percentage of households without a vehicle. This information is also provided in pop-ups.

  6. Click Save.

    The Item Information progress bar indicates that you are closer to completing the item information for the app.

  7. Next to Item Information, click Learn more.

    A complete list of suggested improvements is displayed. You have completed all but one: Add terms of use.

    Expanded Item Information section

  8. Click Add terms of use.

    The Edit Terms of Use box becomes active. Your data comes from local and federal governmental authorities and is public domain, so there are no terms of use.

  9. Type None. Public domain data. Click Save.

    Next, you'll replace the default thumbnail image with one that better shows your app. Doing so will allow users to get an idea of what the app contains before they open it. Generally, your thumbnail should be a JPEG, PNG, or GIF image of your map or app with a size of 600 pixels by 400 pixels.

    While you can capture an image with the Print Screen key or image editing software, for the purposes of this lesson you'll be provided an example image to use as your thumbnail.

  10. Save the example image to your computer.
  11. Click Edit Thumbnail.

    Edit Thumbnail button

  12. In the Create Thumbnail window, click Browse (or your browser's equivalent command).
  13. Browse to the location where you saved the example image. Double-click the image.

    The image is added to the Create Thumbnail window. You can change the way the image is positioned or zoomed, but because the image is the recommended size, you don't need to make any changes.

  14. Click OK.

    The thumbnail is added. The details page is complete. You can copy the app's URL to share it with anyone.

In these lessons, you created a map with a layer of hurricane evacuation routes in Houston, Texas. You then added demographic data by census tract and used smart mapping, pop-ups, and expressions to emphasize areas with limited vehicle ownership. The spatial patterns revealed in your map helped you determine where evacuation assistance is most needed in the event of a hurricane. Finally, you shared your findings by turning your map into an interactive web app.

You can find more lessons in the Learn ArcGIS Lesson Gallery.