Skip To Content

Design a map

In the previous lesson, you created a map that showed census blocks in Manhattan, where the demand for electronics stores significantly exceeds the supply. In this lesson, you'll add data to the map that shows the location of your company's existing stores. Then, you'll symbolize your map to give it a professional design for your company's presentation.

Download data

The previous data layer you added to your map was demographic data from the ArcGIS Living Atlas of the World. The location of your company's stores, however, comes in the form of a shapefile that you'll download online. Your company has style standards for symbolizing the location of its stores, so you'll also download an Adobe Illustrator file that contains these standards.

  1. Download the Manhattan_Data zipped file.
  2. Extract the zipped file to a location of your choice, such as your Documents folder.

    The folder contains two subfolders: Buildings, which contains the shapefile of existing stores, and Building_Style, which contains the Adobe Illustrator file with style standards. The Buildings folder is also zipped, but you don't need to unzip it to add its data to Adobe Illustrator. (ArcGIS Maps for Adobe Creative Cloud uses the file in .zip format when the data is added to the map.)

Open your map in Adobe Illustrator

Next, you'll use the extension to open your map in Adobe Illustrator.

  1. Open Adobe Illustrator.
    Note:

    The following steps require ArcGIS Maps for Adobe Creative Cloud, which is available via Adobe Exchange.

  2. On the ribbon, click Window, point to Extensions, and choose ArcGIS Maps for Adobe Creative Cloud.

    ArcGIS Maps for Adobe Creative Cloud extension

    The ArcGIS Maps: Mapboards and ArcGIS Sign In windows open (the ArcGIS Maps: Compilation window may also open, depending on whether you used the extension before). First, you'll sign in to your ArcGIS organizational account.

    Note:

    If the ArcGIS Sign In window did not open, you can open it from the Mapboards window by clicking Start.

  3. In the ArcGIS Sign In window, click Sign in to ArcGIS Online and click Go.
  4. Sign in to your ArcGIS organizational account.

    Now that you've signed in, you can access data from your account that has been shared in a group with the proper tagging structure.

  5. In the Mapboards window, click the Import button.

    Copy extent and content from existing map button

  6. In the drop-down menu, select from Webmap.
  7. In the Create From Map window, under Browse from ArcGIS location, choose My Organization and search for Demand Exceeds Supply.

    Search for Demand Exceeds Supply map

  8. Click the Add button on your Demand Exceeds Supply map to create your mapboard.
  9. In the Create From Map window, click Close.

    The Mapboards window zooms to the extent of your map.

    Map downloaded from

  10. In the Mapboards window, click the Preview and add content button.

    Preview and add content button

    If it wasn't already open, the ArcGIS Maps: Compilation window appears with a preview of your map.

  11. If you don't see the Compilation window, move the Mapboards window to the side.
    Note:

    Depending on the size of the Compilation window, you may receive a warning that some layers are not displayed at the current scale. You can close this warning.

  12. Expand the Compilation window to see Manhattan.

    Compilation window

    Tip:

    If you move the extent in the Mapboards window, the Compilation window's extent will move as well. Additionally, you can dock the Compilation window to the Mapboards window to provide more space on your screen. To do so, drag the Compilation window next to the name of the Mapboards window. Then, you can switch between the two views in the same window.

    Depending on the extent of your web map, the extent of the map in the Mapboards window may not focus exactly on Manhattan, with parts of Long Island and New Jersey also in the default extent. You'll edit the extent to show only Manhattan.

  13. Select all the layers that are not visible at this scale (these have the warning icon next to their name) and delete them.

    There should be 13 layers remaining.

    Imported map from ArcGIS Online

  14. Select all the layers except for 2017 USA Electronics Stores Market Opportunity (in 2018 Geography) - Block Group, select Delete Selection at the bottom of the window.

    Select all the layers inside compilation window

    These layers were added alongside your block groups layer but aren't relevant at your map's scale.

  15. Rename the 2017 USA Electronics Stores Market Opportunity (in 2018) - Block Group layer to Market Opportunity.
  16. In the Mapboards window, select Modify map and output properties Modify map and output properties to open the Mapboard Options window.
  17. In the Mapboard Options window, change the map area to Set Map Level of Detail to:.

    Change map extent

  18. Click OK.
  19. Drag the handles to change the map's extent so that it is focused on Manhattan.

    New map extent

Add data

Next, you'll add the downloaded data to your map. This data shows existing store locations and will help upper management make a more informed decision about where to add a new store. You'll also add a second Living Atlas layer. This layer contains median household income information, which provides added context to the information on the map.

Next, you'll add the layer of your company's current stores that you downloaded previously.

  1. In the Compilation window, on the ribbon above the map, click the Add content button and choose Add Layer from file.

    Select the Add Content button to add data.

  2. In the Open File window, browse to the Manhattan_Data folder and double-click the zipped Buildings folder.

    The layer contains a few points scattered around Manhattan.

    Default buildings layer

    Note:

    The default color for the buildings symbols is random and may differ from the example images.

    The current basemap has a lot of extra information that distracts from the focal point of your map. You'll change the basemap to the simpler Dark Gray Canvas basemap to better emphasize your data.

  3. In the Contents pane, select the More Options button More options next to the Topographic layer.

    Topographic layer within the Contents pane, select More Options.

  4. Choose Select Basemap.
  5. Choose the Dark Gray Canvas basemap.

    Dark Gray Canvas basemap

    Next, you'll add the median income layer from the Living Atlas. You have access to the Living Atlas in both ArcGIS Online and Adobe Creative Cloud.

  6. On the ribbon, click the Add content button and choose Add Layers.
  7. For Browse from ArcGIS location, expand Living Atlas of the World and click People.

    Note:
    If you used the Learn_ArcGIS layer to define your extent, in the Browse from ArcGIS location window, Select ArcGIS Online and search for the 2018 USA Median Disposable Income from Learn_ArcGIS. Skip steps 8 through 11.

    Add data from Learn organization.

    Browse from ArcGIS location

    The list of layers to choose from narrows, but it's still large.

  8. In the search box, type 2018 USA Median Disposable Income and press Enter.

    Note:
    If you cannot find 2018 USA Median Disposable Income then search for 2017 USA Median Disposable Income.

  9. Click the Add button for the 2018 USA Median Disposable Income layer.

    2018 USA Median Disposable Income layer

    After some loading time, the layer is added to the map.

  10. Close the Add Layers window.

    Like the market opportunity layer, the median income layer also contains state and county boundaries. The layer name is long and the layer is added above the buildings layer by default.

    Note:

    If the layer that was added is from the Learn_ArcGIS organization, skip step 11.

  11. Delete all the layers except block group.

    Keep the block group layer and delete the rest

  12. Rename the 2018 USA Median Disposable Income - Block Group layer to Median Disposable Income.
  13. Drag the Buildings layer to the top of the Contents pane.

    Contents order and names

Symbolize median disposable income

With its current symbology, the median disposable income layer covers the entire market opportunity layer. To show both the important market opportunity areas and places with high income, you'll symbolize the income layer with only an orange outline to highlight specific census blocks. First, you'll filter the layer to only show areas with income over $100,000.

  1. For the Median Disposable Income layer, click the More options button and select the Filter button.

    Filter button

  2. In the Filter: Median Disposable Income window, create the expression 2018 Median Disposable Income (Esri) is greater than 100,000.
    Note:

    The layer has a large number of attributes, so it may be difficult to find the 2018 Median Disposable Income attribute. It's located near the middle of the list, which is organized alphabetically.

    Expression

    Note:

    If you don't have access to premium data, you can choose the 2017 USA Electronics Store Market Opportunity layer owned by Learn_ArcGIS.

  3. Click Apply Filter.

    The filter is applied and the window closes. However, because the income layer's appearance is the same as the market opportunity layer, it's difficult to tell which areas have high income. You'll change the layer style to an orange outline.

  4. Click the More options button for the Median Disposable Income layer and choose Change Style.

    Change Style button

    You'll give each feature a uniform symbol, as opposed to symbolizing based on an attribute.

  5. Under Location (Single symbol), click Select. Then, click Options.

    Location (Single symbol)

    The pane changes to show more symbology options.

  6. Click Change Symbol Style.

    Change Symbol Style

  7. For Fill, change the fill color to No color.

    No color for fill color

  8. Click Outline. Change the outline color to a bright orange and the Line Width to 2 px.

    Outline color and width

  9. Click OK. At the bottom of the Median Disposable Income pane, click OK.

    Areas of high income now appear as orange outlines on the map. They now highlight blocks of Market Opportunity without obscuring them.

    Symbology for the income layer

Symbolize market opportunity

Next, you'll adjust the appearance of your Market Opportunity layer, which shows where demand exceeds supply. The layer currently has two types of symbols, light green and dark green. In the previous section, you used ArcGIS symbology styles to change a layer's appearance, but in this section you'll use some of the styling capabilities unique to Adobe Illustrator.

  1. In the Contents pane, expand the Market Opportunity layer.

    Market Opportunity layer

    Although you previously filtered this layer, the layer's legend displays all five original categories. The two categories that remain are Demand Exceeds Supply and Demand Greatly Exceeds Supply. You'll maintain the distinction between the two types of locations. However, you'll change their symbols after you turn your data into Adobe artwork layers.

  2. On the ribbon above the map, click the Sync map into artwork layers button.

    Sync map into artwork layers button

    After a few moments, the map synchronizes. The Compilation window closes and the map is converted into an artwork layer, with the full range of Adobe Illustrator tools available to edit it. You'll notice messaging indicating that the process of the map syncing.

    The artwork layer maintains the geographic extent, dimensions, scale, and name of your previous map. Some of the layers extend beyond the canvas boundaries, but they will not appear when you export the map.

    Note:

    For more information, see Sync data. Syncing data is a one-way process, and you should only sync once you're sure your map has all the data you need. If you need to add new data to your map, you'll need to add new data to the Compilation window and sync again. You can open the Mapboards and Compilation windows again by reopening Adobe Creative Cloud from the Window tab.

  3. In the pane to the right of the artwork, click the Layers tab.

    Artwork layers

    The Layers pane contains not only the map's data layers, but also some visual layers like the Esri logo. Under Market Opportunity, only the categories displayed on the map are listed. When you originally filtered this layer, you chose a Leakage/Surplus Factor of 20 as the minimum value. However, a small number of map features are still labeled as a Relatively Balanced Market. These features won't be useful to your company, so you'll turn off their visibility.

  4. Click the Toggles Visibility button next to the Relatively Balanced Market layer to turn it off from the map.

    Select the toggles visibility layer to turn this layer off.

    Next, you'll give the market opportunity census blocks a darker symbol so they are more visible and have a clearer distinction between individual blocks.

  5. In the Layers pane, click the Demand Exceeds Supply sublayer to select the sublayer and all the artwork under it.

    Select layer

    Now that you've selected the layer, you can edit its color.

  6. Near the bottom of the toolbar to the left of the map, double-click the Fill button.

    Fill button

    The Color Picker window appears. You can either experiment with various colors or add a color using its RGB values or hexadecimal code.

  7. Input the hexadecimal code 6B8E23.

    Hexadecimal code

    The color preview indicates a darker green color compared to the original teal.

  8. Click OK.

    The color changes on the map. You'll also change the color for the other market opportunity category.

  9. In the Layers pane, click the empty space at the right side of the Demand Greatly Exceeds Supply layer to select it.

    Unlike the other layer, the software cannot identify the specific colors used for this layer's fill and outline. Before you change the colors, you'll need to reset them to Adobe Illustrator's default colors.

  10. On the toolbar, click the Default Fill and Stroke button.

    Default Fill and Stroke button

    The unidentified colors change to a white fill and black outline. Now you can change the colors.

  11. Change the layer's fill color to the hexadecimal code 006400.
  12. Click the Stroke button once to activate it. Then, double-click it to open the Color Picker window.

    Stroke button

  13. Change the layer's stroke color to the hexadecimal code BEBEBE and click OK.
  14. On the ribbon above the map, click Select and choose Deselect.

    Deselect

    All layers are deselected and you can see the new symbology.

    Market Opportunity layer's new symbology

Remove extra features

Although your data has been symbolized, the Disposable Income and Market Opportunity layers have features that extend beyond your area of interest on Manhattan Island. The additional features distract from the focal data, so you'll edit the artwork layers to remove the extra features. Before you delete any data, you'll lock all the other layers so you don't accidentally delete them.

  1. In the Layers pane, click the empty space to the left of the esriLogo layer to lock it.

    Lock layer

    When the layer is locked, a lock icon is added to the empty space.

  2. Lock all layers except the Demand Exceeds Supply and Market Opportunity parent layers.
    Tip:

    You can use Ctrl+click to lock all layers at once. Then, unlock the two layers that you want to modify.

    Locked layers

    When you lock a parent layer, all its sublayers are also locked. Now, the only editable layers are Demand Exceeds Supply and Demand Greatly Exceeds Supply. You'll remove all features of these layers that aren't on Manhattan Island.

  3. On the toolbar, click the Direct Selection Tool button.

    Direct Selection Tool button

    Note:

    You can also use the Lasso Tool to select features.

    You can now select features on the map either by clicking them or drawing a box around them.

  4. Draw a square around some of the features on the northwest corner of the map.

    Box drawn around features

    All features within the box are selected.

  5. On your keyboard, press Delete twice.

    The selected features are deleted.

  6. Select and delete the remaining market opportunity features until only Manhattan Island has features.
    Tip:

    For a more precise selection, you may want to zoom in. Under the map, click the arrow next to 100% and change it to a higher value.

    Extra market opportunity features deleted

    You'll also delete the extra disposable income features. Additionally, some disposable income features on Manhattan Island don't correspond to a market opportunity feature. These areas have high disposable income, but demand does not exceed supply. These features aren't relevant to your map, so you'll delete them.

  7. In the Layers pane, lock the Market Opportunity layers. Unlock the Median Disposable Income layer.
  8. Select and delete all disposable income features that are not on Manhattan Island.
  9. Select and delete disposable income features that are on Manhattan Island but do not overlap with a census block where demand exceeds supply.
    Tip:

    Because some of these extra features are close to features you do want, it may be better to click specific features to select them, rather than draw boxes around larger areas.

    Now, only relevant features are displayed on your map.

    Extra features deleted

  10. In the Layers pane, unlock all layers.
    Tip:

    Use Ctrl+click to unlock all layers at once.

Add the buildings symbol

The final change you'll make to your map's design is the symbol for the company's existing electronics stores. When you downloaded the data at the beginning of this lesson, you downloaded an Adobe Illustrator file that contained specific symbology to represent the company's stores. You'll apply this file to the layer to symbolize it. To apply the symbology, you'll use the Mapboards window.

  1. If your Mapboards window is not already open, click the Window tab on the ribbon, point to Extensions, and choose ArcGIS Maps for Adobe Creative Cloud.
  2. In the upper right corner of the Mapboards window, click the Options button and choose Settings.

    Settings

  3. In the Settings window, choose the Libraries tab.
  4. Under Provide a custom symbols library, click the browse button. Browse to the Manhattan_Data folder you downloaded. Inside the Building_Style subfolder, open Buildings.ai.
  5. Click OK.

    Although you've added the library, you'll need to run a process to apply the custom symbols.

  6. In the Compilation window, select Open Processes window.
  7. In the ArcGIS Maps: Processes window, check Use Custom Symbols.

    In processes window, select custom symbols

    Note:

    Select the checkbox for Add Legend. As a result, when syncing a map, a legend will automatically be added to the artwork that you will modify in the next lesson.

  8. Click Run.

    The building symbols on your map are replaced with the custom symbology.

    Note:

    The symbology is applied based on matching the layer name with the name of the symbol in the Adobe Illustrator file. The layer must have the name Buildings for the symbology to be applied.

  9. Close the Processes and Mapboards windows.

    Buildings symbol

  10. On the ribbon, click File and choose Save.

    The artwork is saved as an Adobe Illustrator file in your computer's Adobe folder.

In this lesson, you opened your map in Adobe Creative Cloud. You added data layers and made several cartographic design choices before syncing the map with Adobe Illustrator and editing the layer data to emphasize the most important areas of the map. In the next lesson, you'll add the finishing touches to your map in the form of a legend and title. Then, you'll export your map to present to your company.