Make a basemap

First, you'll download a project with data and use ArcGIS Pro to build a basemap of Tequesquite Community Garden. This data was provided by UC Davis Arboretum and Public Garden. It includes 11 layers representing the features in the garden, including the plot boundaries, the garden perimeter fence, and an orchard section. You'll symbolize these using a style file to build a nice-looking map of the garden.

Open the project

First, you'll download and open an ArcGIS Pro project containing the data needed to map the garden.

  1. Download the Garden Map compressed folder.
  2. Right-click the downloaded folder and extract it to a location you can easily find, such as your Documents folder.
  3. Open the Garden Map folder. If you have ArcGIS Pro installed on your machine, double-click Garden Map.aprx to open it. If prompted, sign in using your licensed ArcGIS account.
    Note:

    If you don't have ArcGIS Pro or an ArcGIS account, you can sign up for an ArcGIS free trial.

    Garden map and Contents pane with default symbology

    The project contains a map of Tequesquite Community Garden. Besides the basemap, it has 11 layers. They are currently symbolized with default colors. This map would be a lot better if you used symbology that is better suited to the features on the map.

  4. In the Contents pane, click the colored symbol below TreePlantings.

    Symbol patch for TreePlantings layer in the Contents pane

    The Symbology pane appears.

  5. If necessary, switch to the Gallery tab.

    Polygon symbols shown in the Symbology pane Gallery

    This layer represents a large area of fruit trees surrounding part of the community garden. It would be nice to apply a tree pattern to this layer. However, there are no tree patterns in the list of default polygon symbols. The good news is that there are many more symbols available to you beyond the defaults. You can download the ones you want and add them to your project.

Add a new style

A style is a collection of symbols, colors, and other assets that you might use in creating maps. ArcGIS Pro comes with some default styles, but you can also make and share your own, or add styles to your project.

  1. On the ribbon, click the View tab. In the Windows group, click Catalog View.
  2. In Catalog View, double-click Styles.

    Styles folder in Catalog View

    The default styles for ArcGIS Pro are shown.

    Default styles shown in Catalog View

    You can explore inside of these styles to see all of their items. ArcGIS 2D contains the symbols you saw earlier in the symbology pane. You can find more symbols by adding a style from ArcGIS Online.

  3. On the ribbon, click the Styles tab. In the Project group, click Add, and click Add Style.

    Add Style command in the Add menu on the Manage Styles tab

  4. In the Add a style file window, in the navigation pane, click All Portal.
  5. In the search bar, type ESRI and press Enter.

    A list of style files is shown.

    Esri style files available in the Add a style file browsing window

  6. Click the style called ESRI and click OK. If you see a window asking if you want to upgrade the style, click Yes.

    A new style, called ESRI_en, is added to your style list.

  7. Double-click ESRI_en to open it.

    Point symbols in the ESRI_en style

    Your garden map does not contain any point features, so you are more interested in seeing polygon symbols, rather than points.

  8. On the ribbon, on the Styles tab, in the Organize group, open the Show menu and click Polygon symbol.

    Show Polygon symbol on the Manage Styles tab

    The list updates to show all of the available polygon symbols.

  9. Scroll down the list to find several symbols that look like they might be useful for mapping a garden, including Cropland and Open Pasture.

    Polygon symbols, including Cropland, Open Pasture, and Orchard or Nursery

  10. Close the Catalog view.
  11. On the toolbar at the top corner of the ribbon, click the Save button.

    Save project on the Quick Access Toolbar

    The new style is now saved within your project, and its symbols will be available anytime you work inside Garden_Map.aprx.

Symbolize map layers

Symbolizing gives your map instant meaning by converting representations into self-explanatory symbols.

  1. In the Contents pane, click the symbol under TreePlantings.

    The Symbology pane appears in the Gallery view. This time, it shows the polygon symbols from the ESRI_en style.

  2. Scroll down and click Orchard or Nursery.

    Orchard or Nursery polygon symbol in the Symbology pane Gallery

    The map updates to use this symbol. The trees look good at some scales, but when you zoom in closer to the garden plots, they appear a bit small. You can edit the symbol by scaling up the tree size.

  3. In the Symbology pane, click the Properties tab. Click the Layers tab.

    Symbology pane with the Properties and Layers tabs selected

    This symbol has two symbol layers: Solid stroke and Picture fill.

    Symbol layers for the Orchard or Nursery polygon symbol

  4. Choose the Picture fill symbol layer. Change Size to 36 pt.

    Change size to 36 pt in the Appearance section

  5. Click Apply.

    The tree pattern symbol applied to the map

  6. In the Contents pane, click the symbol under GardenPlots to open the Symbology pane for that layer.
  7. In the Symbology pane, switch to the Gallery tab. Click the Cropland symbol.

    Cropland symbol

    The stippled pattern is nice, but it would be better to make these plots green to reflect what is growing there (mainly vegetables).

  8. In the Symbology pane, click the Properties tab and click the Symbol tab.

    Symbology pane with the Properties and Symbol tabs selected

  9. Change Color to Lemongrass and Outline color to Leaf Green.

    At the bottom of the Symbology pane, there is a window where you can view the final symbol and your changes.

    Symbol preview for GardenPlots

  10. Click Apply.

    Next, you'll symbolize the steel fence that separates the garden from the surrounding park.

  11. In the Contents pane, click the symbol under OuterFence to open the Symbology pane.
  12. In the Symbology pane, change Color to Gray 20% and Line width to 2 pt.

    Symbology properties for the outer fence layer, open to the Properties and Symbol tabs

  13. Click Apply.
  14. Open the Symbology pane for WildflowerField. From the Gallery, choose Swamp.

    The Swamp symbol in the Symbology pane Gallery

    This doesn't seem like a particularly appropriate symbol, especially since Tequesquite Community Garden is in a fairly arid part of the world. But you can change the color to disassociate the pattern from water.

  15. In the Symbology pane, switch to the Properties tab. If necessary, switch to the Symbol tab.
  16. Change Color to Macaw Green and Outline color to No color. Click Apply.
  17. Open the Symbology pane for the Lawn layer. In the Gallery tab, choose Grassland.
  18. Change the symbol's Color to Olivine Yellow and Outline color to No color. Click Apply.

    Color and outline symbol properties for the Lawn symbol

  19. Open the Symbology pane for the ParkWalkway layer and switch to the Gallery tab. In the search bar, type gray and press Enter.
  20. Click Gray 20%.

    Gray 20% polygon symbol in the Symbology pane Gallery

    The map updates to use the new symbol

    Garden map with new gray path symbol

  21. Open the Symbology pane for the ShadeAwning layer.
  22. In the Gallery, scroll down to the ArcGIS 2D style.

    There are a number of symbols here with pale colors and no outlines. They have names that are suggestive of features for which they might be used. None of these names match shade awning, but they are still useful symbols.

    Polygon symbols from the ArcGIS 2D style in the Symbology pane Gallery

  23. Click Industrial.
  24. For the following layers, open the symbol Gallery and choose the following ESRI symbols:
    • For Easements, choose Sand.
    • For FloodControlChannel, choose Water Intermittent.
    • For GroupPlantingAreas, choose Scrub 1.
    • For Path, choose Sand.

    When picking symbols, it is important to understand the feature that you are symbolizing and what it represents in the real world. Easements are utility-controlled strips of land that must be kept clear for public works access. They are essentially just dirt, so the sand symbol is appropriate. Group planting areas are currently covered in ground scrub. If you are not sure what a particular layer represents, it is always worth consulting the metadata, or the person who gave you the data.

    You have now symbolized all of the layers in the garden map.

  25. In the Contents pane, uncheck World Topographic Map to turn it off.

    You will need this layer later for sharing a web map, but it does not need to be visible.

    The finished map and Contents pane with the basemap not visible

  26. Save the project.

You've accessed a set of features from a file geodatabase and a style file from ArcGIS Online. You also symbolized each layer to build a basemap of a community garden.


Publish a basemap as a tiled map service

Previously, you created a detailed map of a community garden. Next, you'll publish that map as a type of image called a tiled map service.

Publish the tiled map service

A tiled map service is one of the two main ways to publish geographic data to ArcGIS Online. The second is to publish feature services, which you'll do in the final lesson of the project.

  1. If necessary, open Garden Map.aprx.
  2. At the top of the ribbon, look for your Sign-in Status. If it says Not signed in, click Sign in.

    Sign-in status expanded to show Sign in option

  3. On the ribbon, click the Share tab. In the Share As group, click Web Map.

    The Share As Web Map pane appears.

  4. Enter the following parameters:
    • For Name, type GardenBasemap_yourName.
    • For Summary, type This is a large-scale basemap of the Tequesquite Community Garden at Brian Bonaminio Park in Riverside, California.
    • For Tags, type Riverside, Tequesquite Community Garden.
    Note:

    The name of your service must be unique in the organization. If you use a name that someone else in your organization has already used, you will get an error message later.

  5. For Select a Configuration, choose Visualization.

    The Visualization option will create a tile layer. Tile layers are collections of spatially adjacent images, or tiles, and are usually used as basemaps, which is what you want.

  6. For Share with, choose Everyone.

    The Share As Web Map pane with all fields filled

  7. Click the Configuration tab.
  8. Select GardenBasemap_yourName_WTL1.

    This is the web tile layer that you will publish. A web map might contain different web tile layers, each cached with different scales, but you only need one.

    GardenBasemap_yourName_WTL1 selected in the Configuration tab

  9. Click Properties.

    The pane changes and appears to show the same content as before, but this time it is displaying the properties specific to the web tile layer.

  10. Click the Configuration tab.

    The Tiling Scheme parameter is set to the same level as your basemap. This is why you could not remove World Topographic Map from your map. If you had, you would receive a warning here asking you to put it back in. It is not visible, but it is being used by providing a tiling scheme.

    The Levels of Detail parameter currently stretches between World and City Block. Tiles need to be created for every level of detail, and the default levels aren't suitable for your garden map. The community garden is too small to be seen at the scale of the whole world, while your map readers will most likely want to zoom in closer than a city block.

  11. Adjust the Levels of Detail slider until it ranges from Buildings (Level 18) to House Property (Level 23).

    The pictures help you understand what each level means in the real world. Level 18 corresponds with a scale of 1:2,257.

    Levels of Detail ranging from 18 to 23

    You'll visualize what this scale looks like on your map.

  12. Find the scale control at the bottom of the map view. Type 2257 and press Enter.

    The scale control at the bottom of the map view set to 2257

    The map zooms to the new scale. This is what the garden map will look like at Level 18. If your map readers zoom out beyond that, the map will be empty because no tiles were cached beyond this scale.

    The garden map viewed at 1:2,257

  13. In the Share As Web Map pane, accept the remaining defaults and click Analyze.
    Tip:

    If you encounter an error, right-click the error message to get help resolving it.

  14. Click the back button.

    The back arrow at the top of the Share As Web Map pane

  15. Click Analyze again. Click Share.

    When the publishing process is complete, a green message appears at the bottom of the Share As Web Map pane.

    Finish Sharing message

    The caching process may take a bit longer to finish.

  16. Click the Jobs button to open the Job Status pane.

    Job Queue showing cache generation in progress for GardenBasemap_yourName_WTL1

    Here you can see that the web map has finished, but the web tile layer inside of it is not yet complete. The process will take several minutes. Wait until both items have a green check mark next to them.

  17. Save your map.

    You have just published your garden map as tiles. Next, you will go to your organization to have a look at the new tiled service.

Set the map service as a basemap

To start your garden web map, you will first add the tile layer as a basemap.

  1. If necessary, sign in to your ArcGIS organizational account.
  2. At the top of your organization home page, click Map.

    Map button

    A new map opens with the Topographic basemap. You want to use the garden map as your basemap.

  3. Click Add and choose Search for Layers. Confirm that the list of layers shown is for My Content.
  4. In the results list, click the name of the service GardenBasemap_yourName_WTL1.

    The Item Details pane appears.

  5. Click Use as Basemap.

    GardenBasemap_yourName_WTL1 item details with Use as Basemap option

  6. Close the Item Details pane and click the Back button to return to the Details pane.
  7. Click Content and expand the GardenBasemap yourName WTL1 basemap layer.

    Content tab with expanded GardenBasemap layer

  8. Click the ellipses under the expanded layer and click Zoom to.

    Zoom to option on the menu for the tile layer

    The layer is listed as a basemap. It cannot be turned on or off because it is acting as the basemap. It does not show the options for displaying a table, changing symbology, or configuring pop-ups, because it is a tile layer. Those capabilities exist for operational layers.

  9. Click Save and choose Save As. Enter the following parameters:
    • For Title, type Tequesquite Community Garden.
    • For Tags, type Riverside, Tequesquite Community Garden.
    • For Summary, type Map of the Tequesquite Community Garden in Riverside, California.
  10. Click Save Map.

Your basemap is complete.


Publish an operational layer and configure the app

Previously, you published a garden map to the web as a basemap. Next, you'll return to ArcGIS Pro to create and publish the operational layer that will make your finished app interactive.

Publish an operational layer of garden plots

An operational layer is one that people can interact with. You'll publish the garden plots layer so garden members can view pop-ups and email plot holders.

  1. If necessary, open Garden_Map.aprx in ArcGIS Pro.
  2. In the Contents pane, right-click GardenPlots and choose Attribute Table.

    GardenPlots attribute table, showing columns for name, plot, email, and mailto

    Notice some fields of interest: name, plot, email, and mailto (a specially formatted version of email). These will be key elements of data in your operational layer of plot holders.

    Note:

    Mailto is an expanded version of the email address that allows users to click a link in a website to send an email without first having to copy the address and open an email client.

  3. Close the attribute table.
  4. In the Contents pane, right-click GardenPlots, point to Sharing, and choose Share As Web Layer.
    Tip:

    If Share As Web Layer is not available, look for your Sign-in Status at the top of the ribbon. If it says Not signed in, click it and sign in.

  5. Enter the following parameters:
    • For Name, type TGGPlotholders_yourName.
    • For Summary, type This is a query-only feature service of the plots and plot holders at Tequesquite Community Garden at Brian Bonaminio Park in Riverside, California.
    • For Tags, type Riverside, Tequesquite Community Garden.
  6. For Layer Type, choose Feature.
  7. For Share with, choose Everyone.

    Share As Web Layer pane with all fields filled

  8. Click Analyze and click Publish.
    Tip:

    If you encounter a warning that the Layer does not have a feature template set, you can ignore it. A default feature template will be created for you.

  9. Close ArcGIS Pro.

    Feature services (especially small ones such as this) generally do not take as long to process as the tiled map service from the previous lesson. Once the system tells you it has successfully published the feature service, it is done. You can go to your ArcGIS organizational account to continue your work.

Update the web map

Next, you'll add your new feature service as an operational layer to the web map that you created earlier.

  1. If necessary, sign in to your ArcGIS organizational account.
  2. At the top of your organization home page, click Content.

    Content

  3. Click the ellipses button next to the Tequesquite Community Garden web map and choose Open in Map Viewer.

    Open in Map Viewer option on the web map menu

    Tip:

    If you see an Open map warning for the Tequesquite Community Garden map, click Yes, open the map.

  4. Click Add and choose Search for Layers.
  5. Click the Add button next to TCGPlotholders_yourName.

    TCGPlotholders_yourName feature layer in the search results with an add button

  6. Click the back arrow to return to Content.
  7. In the Contents pane, point to the TCGPlotholders yourName layer. Click the More Options button and choose Rename.

    Rename in the More Options menu

  8. Change the layer name to Garden Plots and click OK.

    Rename window with Layer Name set to Garden Plots

  9. In the Contents pane, point to the Garden Plots layer. Click the More Options button and choose Create Labels.
  10. In the Label Features pane, for Text, choose plot.
  11. Set the size to 12 points, the style to bold, and the color to forest green.

    Label Features properties set to plot, 12, bold, and green

    At the full map scale, the new labels are too big for the plot features. You'll adjust the visibility to specify at what zoom levels the labels should draw on the map.

  12. For Visible Range, click World and choose Small Building (1:800).

    Visible Range slider set to Small Building to Room

  13. On the map, zoom in one level to display the labels.
  14. Click OK to apply the labels.

    The map showing garden plots with number labels

    Next, you'll use your Garden Plots layer as the source for a pop-up that includes the site holder's name and an email link.

  15. In the Contents pane, point to the Garden Plots layer. Click the More Options button and choose Configure Pop-up.
  16. In the Configure Pop-up pane, clear the Pop-up Title text and type Plot Number: (including a colon and a single space).
  17. Click the Add field name or expression button and choose plot {plot} from the list.

    Pop-up title set to Plot Number: {plot}

  18. For Display, choose A custom attribute display.

    Pop-up contents display set to A custom attribute display

  19. Click Configure.

    The Custom Attribute Display window allows you to format how a pop-up displays information.

  20. In the Custom Attribute Display window, type This plot is held by: (including a colon and a single space).
  21. Click the Add field name button and click name {name}.

    Custom attribute display set to This plot is held by: {name}

  22. Press Enter twice and type email the plot holder.
  23. Highlight the text and click the Create Link button.

    Create link for the highlighted text

  24. Under Link Properties, for URL, type {mailto}.

    Link Properties showing URL set to {mailto} and Link Text set to email the plot holder

  25. Click Update and click OK.
  26. At the bottom of the Configure Pop-up pane, click OK.
  27. Test the pop-up by clicking one of the Garden Plot features.

    Pop-up for plot number 51, held by Hyo Dunnigan

  28. Click the email link. (It should open to a new message in your default email application.) Close the email and the pop-up.

    Now you are ready to create a web app for this map. First, you'll zoom the map to set a default map extent for the web app when it first opens. (After you have deployed the app, you can always come back into the web map and save it at a different zoom level if you want to adjust it.)

  29. Zoom in on the map as far as you can, and then zoom out two levels.

    The garden map

  30. Click Save and choose Save.

Share a web map

Your web map is complete and ready to share with the other community garden members.

  1. Click the Share button.

    Share web map

  2. In the Share window, check Everyone (public) to share the app with the world.
    Tip:

    If you are prompted to update the sharing properties of the layers, click Update sharing.

  3. Click Create a Web App.

    Create a web app

    A window of configurable templates appears.

  4. In the Create a New Web App window, click Showcase a Map and click Minimalist. Click Create Web App.

    Create web app from the Minimalist template

  5. Enter the following fields and click Done:
    • For Title, type Email the TCG plot holder.
    • For Tags, type Riverside, Tequesquite Community Garden.
    • For Summary, type This is a web application for emailing the named plot holders at the Tequesquite Community Garden by clicking on their plots.
  6. In the Configuring window that appears, click one of the garden plots in the map.

    Pop-up for plot number 38, held by Luther Fetzer

    The plot is selected and a pop-up appears.

    Community garden members will be able to use this web app to discover who holds specific plots, and email them with problems, notifications, or compliments. You'd also like members of the community garden to be able to find their plot, or another held by a friend. You'll modify the Search tool to search the Garden Plots layer.

  7. Close the pop-up.

    When configuring the app, you can use the default Express Setup, which offers a subset of the configurable options to facilitate creating an app with the most essential settings. Or you can use Full Setup to access additional options and configure all the settings supported by the app. You'll use the express settings. If the default settings are acceptable for your use case, you don't need to go through each step in the setup.

  8. In the Express Setup panel, click Step 4. Interactivity.

    The Interactivity settings include options for the search tool.

    Note:

    To configure additional tools that encourage map exploration, you can click Back to exit the express step, and click Switch to Full Setup to access the full Interactivity settings.

  9. In the Search Configuration section, click Add.
  10. For Add a search source, on the Layer tab, select Map, click Garden Plots, and click OK.

    Garden Plots layer selected as a search source

    The app preview updates to include the additional search source in the search tool, and the app automatically saves as noted next to the Draft badge at the top of the window.

    Additional search source settings appear in the Search Configuration section. You'll change the placeholder text. You must also specify which fields to search in the layer.

  11. For Placeholder Text, type Search plot holders.
  12. For Search Fields, choose name and click Add. Optionally choose plot and click Add.

    Garden Plots search source settings

    You'll accept the name field as the default display field for the search results. You'll also accept the remaining defaults, including enabled suggestions that will appear in the search box as users type a search term.

  13. Scroll down and click Done.
  14. In the list of search sources, click the Edit ellipsis button next to ArcGIS World Geocoding Service and click Delete.

    Edit menu for the geocoding service

    The app preview updates and now the search box displays the placeholder text that you provided. You can test the app as you configure it.

  15. In the app preview, search for Ruth and press Enter.

    Search result for Ruth in the map search tool

    The map zooms to plot number 108.

  16. At the bottom, click the mobile views buttons to test how the app appears on a mobile device.

    Mobile views buttons

  17. In the search box, clear the search to remove the pop-up and highlight color from the map. Click the Home button to zoom the map to its default extent.

    By default, the Minimalist app includes a side panel that displays a legend and map details. You'll keep them both, but you'll configure your app to display the details first when the app opens, so you can provide useful information and instructions for the map readers.

  18. In the Express Setup panel, click Back and click Step 2. About.

    The About settings include options to provide information that helps users understand the map, including a header and a side panel with the legend and map details.

  19. Change the panel that opens when the app starts to the Details panel.

    Display the side panel with map details

    The app preview updates to show the Details panel. Your app currently has no details because the default content comes from the web map and you haven't given your web map a description yet. You can edit the map description by using a link provided in the app configuration settings.

  20. In the Express Setup panel, click Back and click Step 1. Map.

    The Map settings include the item details for the map used in the app. (You can also select a different map.) You'll add a map description to your map's item page so it appears in the Details panel.

    Note:

    If you want the details panel to include different content than the map's description, you can exit the express step by clicking Back, and click Switch to Full Setup to provide a custom description in the full About settings.

  21. Click View item details.
  22. In the map item page that opens, for Description, click Edit.

    Edit map description on the item details page

  23. Type or copy and paste the following text:
    The Tequesquite Community Garden is in Brian Bonaminio Park in Riverside, California. Use this app to contact garden plot holders.
    
    Click a plot to find the holder's name and a link to send them an email.
    
    Find plots by holder's name using the search bar at the top of the map.
  24. Click Save. Close the item page.
  25. In the app configuration window, click Publish and 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 opens, which includes a link to the app, buttons to share via social media, an option to embed the app in a website, and the date and time the app was last published.

  26. Click Launch.

    Your web app opens in a new browser tab or window. The side panel shows the map details, which includes the map description that you added. The search tool includes your custom placeholder text and searches only the Garden Plots layer.

  27. In the web app, test that the search tool and pop-ups work as expected.

    Pop-up for plot number 91, held by Allen Kearney

  28. In the header, click the Send a link button and copy the short URL. Email the URL to your smartphone, if you have one, to test it yourself.

    Send a link button in the app header

  29. Close the web app window and return to the app configuration.
  30. Close the Share window. Click Exit. When prompted, confirm that you want to exit.

    The app's item page opens. The title, summary, and tags are already completed from when you first created the app. You could also add more details, such as a description and terms of use.

In this lesson, you published a feature service and delivered a working map-based email application. This concludes the lesson.

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