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 the Map tab.

    Depending on your organizational and user settings, you may have opened Map Viewer Classic. ArcGIS Online offers two map viewers for viewing, using, and creating maps. For more information on the map viewers available and which to use, please see this FAQ.

    This tutorial uses Map Viewer.

  3. On the map viewer, zoom into US.

    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.

  4. On the Settings (light) toolbar, click Map tools and choose Search.

    Open the Search tool

  5. In the search box, type Houston. In the list of suggested locations, click Houston, TX, USA.

    Search results for Houston, Texas


    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

  6. 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 which is maintained by Texas Department of Transportation (TxDOT) Traffic Safety Division (TRF)

  1. In the Layers pane, click Add.

    Browse Living Atlas Layers option

    The search pane appears.

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

    Search for Hurricane Evacuation Routes in ArcGIS Online

    The search returns a single result.

  4. For the TxDOT Evacuation Routes layer, click the Add button.

    Add TxDOT Evacuation Route layer

    The layer is added to the map.

    Map of hurricane evacuation routes

    The routes are displayed as dark blue 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.

  5. In the Add layer pane, click the Back button.

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

  6. If necessary, on the Contents (dark) toolbar, click Expand. Click Basemap and choose Light Gray Canvas

    Basemap gallery


    Some portals may have different default basemaps. If you don't see the Light Gray Canvas basemap, click Current basemap and click Add. Click My Content and choose Living Atlas. Search for World Light Gray and add the World Light Gray Base and World Light Gray Reference layers.

    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 Contents toolbar, click Bookmarks and click Add bookmark.

    Add Bookmark option

    A text box for the bookmark's name appears.

  2. In the text box, type Houston and click Add.

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

  3. Close the Bookmarks pane.

    You're now ready to explore the city.

  4. Zoom in to the center of the city, near the Houston label, until the Buffalo and Brays Bayou labels appear on the map

    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 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 Bookmarks pane, click 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. On the Contents toolbar, click Layers. In the Layers pane, verify that the TxDOT Evacuation Routes layer is selected so you can access its settings.

    Select TxDOT Evacuation Routes layer in the layers pane

    The blue vertical line for a layer shows the layer is selected.

  2. On the Settings (light) toolbar, click Styles.

    Change Style button

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

  3. In the Styles pane, for Choose attributes, remove the ROUTE_TYPE field.
    Remove the ROUTE_TYPE field
  4. In the Pick a style section, for Location (single symbol), click Style 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.

  5. For Symbols style, click the line symbol.

    Symbols option

    The Symbol style pane appears with a color options and additional options. You'll specify a custom color by entering a six-character hexadecimal code.

  6. For Color, click on the color palette.
  7. In the Select color pane, for Hex, type 004C73 and press Enter. Click Done.

    Dark blue color on palette

    After you choose the color, the custom color changes to a shade of dark blue and the map updates. Now, you'll make the line thicker so it's easier to see on the map.

  8. In the Symbol style pane, change Width to 3 pixels.

    Line Width option

    The map updates with the thicker blue line symbol for the routes.

    Map with blue evacuation routes

    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. In the Style options pane, click Done. Then, click Done.

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

  10. Click a segment of an evacuation route.

    Its pop-up opens. A map can show descriptive information about features configured through pop-ups. You'll learn how to configure pop-ups in a later tutorial.

  11. Click a few more 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 Contents toolbar, click the Save and open 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.

    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 Contents toolbar, click Share map.

    Share button

  7. In the Share window, check Everyone.

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

  8. Click Save.

In this tutorial, 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


    For versions prior to ArcGIS Enterprise 10.9.1, you would not have the Open in Map Viewer option.

  2. In the Layers pane, click Add. In Add layer pane, click My Content and choose ArcGIS Online.

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

  3. In the search box, type Houston Demographics owner:Learn_ArcGIS. Press Enter.
  4. Add the Houston Census Tract Demographics layer.

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

    Houston Census Tract Demographics 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.

  5. Click the Back button.

    The new layer is listed in the Layers pane above the TxDOT Evacuation Routes layer you added in the previous tutorial.

    Layers are drawn on the map in the same order they appear in the Layers pane. In your map, the evacuation routes are partially covered by the census tracts because the Houston Census Tracts Demographics layer is above the TxDOT Evacuation Routes layer in the Layers 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.

  6. In the Layers pane, drag the TxDOT Evacuation Routes layer above the Houston Census Tract Demographics layer.

    Move up option

    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 Census Tract Demographics layer to find data that will help you identify areas that are vulnerable during a hurricane.

  1. In the Layers pane, for Houston Census Tract Demographics layer click the Options button and click 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 ID 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 2013-2017) field shows the total number of households in each tract.

  2. If necessary, use the scroll bar at the bottom of the table to scroll to the right and locate the Percent of Households without a Vehicle field.


    To see the full attribute name, resize the column width or point to the header.

    Table showing Percent of 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.

  3. 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 Layers pane, click on the Houston Census Tract Demographics layer to select it and open the Styles pane.

    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. In the Styles pane, for Choose attributes , click Field.

    Choose an attribute.

  3. In the Add fields window that appears, choose Percent of Households without a Vehicle (ACS 2013-2017) and click Add.

    Selected field in Add fields window with a green box around the Add button

    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 map redraws to show the Counts and Amounts (color) style. The colors are based on a color ramp called High to low. This style symbolizes each census tract with a different color based on households without a vehicle. Census tracts with the lowest values have a light color, while those with the highest values have a dark color.

    Map showing the percentage of households without a vehicle


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

    With the default color ramp, it may be difficult to determine the evacuation routes in areas with high percentages, so you'll choose another color ramp.

  4. For Counts and Amounts (color), click Style options.
  5. For Symbol style, click the current color ramp.

    Symbol style option

    The window that appears includes 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.

  6. For Fill color, click the current color ramp.
  7. In the Ramp pop-up, choose Blue 7.


    Point to a color ramp to see its name.

    Blue-to-gray color ramp

    The new color ramp is applied to the map.

    Map with blue-to-gray color ramp

    Now the census tracts with a higher-than-average percentage of households without a vehicle are more noticeable in the map. Based on the legend, the average percentage is about 6 percent. A clear pattern of limited access to vehicles is evident 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.

  8. Click Done
  9. Click Done two times to close the style panes.

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

  10. In the Layers pane, for the Houston Census Tract Demographics layer, click the Options button and choose Rename.
  11. For Title, type Percentage of Households Without a Vehicle and click OK.

    The layer name updates in the Layers pane.

  12. Save the map.

In this tutorial, 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 tutorial, 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 Contents toolbar, click Create app and choose Instant Apps.

    The Instant Apps gallery page that opens provides information and guidance to help you choose an appropriate app template, depending on your needs. When browsing the available apps, you can click the button next to each name for more information. Instant Apps checks the data and configuration of your map. If your map doesn't meet the requirements for an app, it's moved to the bottom of the gallery and a warning message appears on the thumbnail to inform you. You can also search the apps for a particular capability or tool.

    You want your map to be the primary focus of your app. You also want to provide access to the bookmarks that you created.

  2. In the search box, type bookmarks and click the suggestion that appears.

    The gallery is now filtered to show only the apps that support bookmarks. The Basic app template is a good choice for sharing a map in a simplified layout with standard navigation and exploration tools.

  3. On the Basic card, click Choose.

    Choose the Basic app template.


    Click Preview to try an app before creating it. If the default settings meet your needs, you can publish it as is. If you want to make changes, you can configure the app and customize it before publishing.

    By default, the app has the same title and tags as the web map used to create it. You'll change the title to better represent what you intend the map to emphasize.

  4. In the Create App - Basic window, for the title, type At-Risk Population in Houston.
  5. Click Create app.
  6. If necessary, review and close the welcome window.

    The app is created based on the template you chose. The app configuration window provides several app settings and an interactive preview of your app.

    Basic app preview with configuration in default express mode

Configure the app

Next, you'll specify the tools to include in the app. When configuring the app, you can use the default Express setup mode, which offers a subset of the configurable options to facilitate creating an app with the most essential settings. Or you can turn off Express to access additional options and configure all the settings available for the template. If the default settings are acceptable for your use case, you don't need to go through each step in the setup. You've already selected the Houston map, so you'll skip to the second step.

  1. In the Express pane, click Step 2. About.

    The About settings include options to provide information that helps users understand the map, including a header for the title and a map legend. When users open the app, it will include a button to view the map legend. You'll accept this default setting.

  2. In the About settings, turn on Header.

    Enable Header.

    The app preview updates to include a header with the name of your app. The app automatically saves as noted next to the Draft badge that appears in the configuration panel.

  3. Click Next.

    The Interactivity settings provide tools for exploring the map, including spatial bookmarks and a search tool. The app will automatically open the map to the extent of your area of interest, so you don't need to include the search tool. Your map includes two bookmarks that show different zoom extents of the city. By default, the app includes a button to access the bookmarks in the map.

  4. Turn off Search.

    Interactivity settings with Bookmarks turned on and Search turned off

    The app preview updates and the search button is removed from the map. Next, you'll search the settings to find where you can add a scalebar to provide a visual indicator of distance on the map.

  5. In the vertical toolbar, click Search settings, type scale, and click Scalebar in the suggestions.

    Search settings results for scale keyword

  6. When prompted to turn off express mode, click Continue.

    The configuration panel updates to include all settings available for the app. The Interactivity pane opens to the Explore/navigate section with the Scalebar setting highlighted.

  7. Turn on Scalebar.

    Scalebar setting turned on and shown in the map

    The app preview updates to include a scalebar in the bottom corner of the map. You can test the app as you configure it.

  8. Zoom to the Bayous bookmark. Click a feature in the map to display its pop-up. In the pop-up, click the Dock button.

    Map with bookmarks shown and feature pop-up with Dock button highlighted

    The pop-up window moves to the top corner of the app so you can see more of the map. The docked pop-up covers the buttons for accessing bookmarks and viewing the legend, so you'll reposition these tools.

  9. On the vertical toolbar, click Theme & Layout and click Position manager.

    You'll move the bookmarks button next to the other navigation tools.

  10. For Manage widget positions, click the grid next to Bookmarks and move it below Zoom controls. Move Legend to the bottom corner so it's on the opposite side of the scalebar in the app.

    Position settings showing moved tools

    In the app preview, the Open bookmarks button now appears with the other map navigation tools.

  11. Test your app's functionality by navigating the map, opening pop-ups, and viewing the legend.

    Preview of the final app configuration

    Now that you've configured and tested your app, you're ready to publish it.

  12. In the configuration panel, click Publish. In the Publish window, click Confirm.

    A success message appears when publishing is completed and the Draft badge changes to a Published badge with the date and time you published. The Share window appears, which includes a link to the app and a button to launch it in a new window to test.

  13. Close the Share window. Click Exit. When prompted, confirm that you want to exit.

    Updates made and saved to your map will also be shown on your instant app.

Edit the item details

Next, you'll add item details to provide meaningful information about the app. It's important for all maps and apps to have complete item details. The title and tags are already completed from when you first created the app. The Item Information bar indicates your progress toward high-quality item information and indicates the most important improvement you can make.

  1. On the Overview tab of the item page, under Item Information, click Add a summary.

    Item Information section with Add a summary link

  2. In the Edit Summary box, type (or copy and paste) the following text:

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

  3. Click Save.

    The thumbnail image is currently a default app icon. You'll change the thumbnail to an image that reflects the area featured in your app.

  4. Click Edit thumbnail.

    Edit thumbnail

  5. In the Create Thumbnail window, click Create thumbnail from map.

    Create Thumbnail window

  6. In the map that appears, search for Houston, TX.

    Create Thumbnail window with search box and map centered on Houston, TX

  7. With the map centered on Houston, click Save.

    A map of Houston is added as the thumbnail.

  8. Under Item Information, next to Top Improvement, click Add a description.

    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.

  9. In the Edit Description box, 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 map legend and feature pop-ups 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.

  10. Click Save.

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

  11. Next to Item Information, click Learn more.

    Item Information section with Learn more link highlighted

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

  12. Click Add terms of use. Add couple of tags of your choice and click Save.
  13. In the Edit Terms of Use box, type None. Public domain data. Click Save.

    The item details are complete.


    To modify app settings and republish with changes, you can reopen the app's configuration page by clicking Configure.

  14. Under Item Information, for Tags click Edit.
  15. In the Edit Tags box, delete any duplicate tags and add couple of tags of your choice and click Save.
  16. On the item page, click Share.

    The Share window appears. There are multiple ways to share content to different groups of viewers. For example, if you choose to share to your organization, only people with accounts in that same organization will be able to access your content. You want this app to be available to everyone, so you'll share it publicly.

  17. In the Share window, for Set sharing level, select Everyone (public) and click Save.

    Now that the app is configured and shared, you can use the Copy button in the URL section to copy the app's URL to your computer's clipboard and share it with anyone.

In this tutorial, 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 tutorials in the tutorial gallery.