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 ArcGIS Online.
  5. In the search bar, type ESRI optimized owner:styles_esri and press Enter.

    A list of style files appears.

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

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

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

  7. Double-click ESRI_Optimized_en to open it.

    The style opens to show symbols for point features.

    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, click the Show style class 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 Quick Access toolbar, click the Save button.

    Save project on the Quick Access Toolbar

    The new style is now saved in your project, and its symbols will be available anytime you work in 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_Optimized_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. Click 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.

    The trees in the pattern are more visible.

  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 pattern works well, but it would be better to make these plots green to symbolize the vegetables growing there.

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

    Symbology pane with the Properties and Symbol tabs selected

  9. For Color, choose Tzavorite Green, and for Outline color, choose Leaf Green.
    Tip:

    To view a color name, point to the color.

    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. For Color, choose Olivine Yellow, and for Outline color, click No color. Click Apply.

    Symbol for Wildflowers layer

  17. Open the Symbology pane for the Lawn layer. In the Gallery tab, choose Grassland.
  18. Change the symbol's Color to Tzavorite Green, and change Outline color to No color. Click Apply.
  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_optimized_en 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.

    Map symbols adjustments complete

  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.

  26. Close the Symbology pane and 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. Next, you will publish the map to ArcGIS Online as a basemap.


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 known as 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.

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

    The Share As Web Map pane appears.

  4. In the Share As Web Map pane, enter the following:
    • For Name, type GardenBasemap followed by your name or initials.
    • 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, check the box for Everyone.

    The Share As Web Map pane with all fields filled

  7. Click the Configuration tab and click 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 on the Configuration tab.

  8. Click Properties.

    Properties tab

    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.

  9. Click the Configuration tab.

    The Tiling Scheme parameter is set to the same level as your basemap. This is why you did 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.

  10. For Levels of Detail, drag the slider so the Maximum is House Property (Level 23) and the Minimum is Buildings (Level 18).

    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.

  11. Click 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.

  12. 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.

  13. Click the back button.

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

  14. 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

    Here you can see that the web map has finished, but the web tile layer inside of it is not yet complete.

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

    Job Queue showing cache generation in progress for GardenBasemap_yourName_WTL1

    The process will take several minutes. Wait until both items have a green check mark next to them.

  16. 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

    Note:
    Depending on your organizational and user settings, you may have opened Map Viewer Classic, formerly known as Map Viewer. 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 lesson uses Map Viewer.

  3. If necessary, on the ribbon, click Open in New Map Viewer.

    Map Viewer opens.

    You want to use the garden map as your basemap.

  4. On the Contents (dark) toolbar, click Basmap and click Current basemap Topographic.

    Current basemap

  5. Click Add layer.

    Add layer button

  6. Confirm that the list of layers shown is for My Content, and for the GardenBasemap_yourName_WTL1 layer, click Add.

    Add the GardenBasemap_yourName_WTL1 layer as a basemap.

  7. Click the back arrow to return to the Basemap pane.
  8. In the Basemap pane, for the GardenBasemap yourName WTL1 layer, click Open and click Zoom to.

    Zoom to

    The map zooms to the GardenBasemap layer extent.

    Map zooms to basemap extent.

  9. On the Contents toolbar, click Layers.

    The layer you just added is not shown in the Layers pane because it is being used as a basemap. It does not have options for displaying a table, changing symbology, or configuring pop-ups, because it is a tile layer. Those capabilities exist for operational layers.

  10. Click Save. In the Save map window, enter the following:
    • 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.
  11. Click Save map.

Your basemap is complete. Next, you will prepare an operational layer in ArcGIS Pro and add it to your web map.


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 send 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.

    The attribute table for the GardenPlots layer appears.

    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:

    The values in the mailto field are expanded versions of email addresses that allow 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.

    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. In the Share As Web Layer pane, 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.
    • For Layer Type, confirm Feature is selected.
    • For Share with, confirm Everyone is selected.

    Share As Web Layer pane with all fields filled

  6. Click Analyze and click Publish.
    Tip:

    If you encounter a warning stating that the Layer's symbol will be downgraded, you can ignore it. A default feature template will be created for you.

  7. 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. On the ribbon, click Content.

    Content

  3. Click the more options button for the Tequesquite Community Garden web map and choose Open in Map Viewer.

    Open in Map Viewer option on the web map menu

    The map appears in Map Viewer.

  4. In the Layers pane, click Add layer.
  5. Locate your TCGPlotholders_yourName layer and click Add.

    TCGPlotholders_yourName feature layer in the search results with an add button

  6. Click the back arrow to return to the Layers pane.
  7. In the Layers pane, point to the TCGPlotholders yourName layer. Click the more options button and choose Rename.

    Rename the layer.

  8. Change the layer name to Garden Plots and click OK.
  9. On the Settings (light) toolbar, click Labels.

    Labels

  10. In the Label features pane, click Add label class. For Label field, choose plot and click Replace.
  11. Click Edit label style, and in theLabel style window, set the following:
    • For Font, choose Arial Bold.
    • For Size, choose 12.
    • Change the color to green.
    • Turn off Halo.

    Label style settings

  12. Close the Label style window.

    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.

  13. For Visible range, click World and choose Small building.

    Visible range slider set to Small building to Room.

  14. On the map, zoom in to display the labels.

    The map showing garden plots with number labels

    You have configured the Garden Plots layer labels. Next, you will configure pop-ups for the layer.

Configure pop-ups

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.

  1. On the Settings toolbar, click Configure Pop-ups.
  2. In the Pop-ups pane, for Title, click the edit button.

    Edit pop-up title.

  3. Delete the existing text and type Plot Number: .

    Make sure you included the colon and a single space after the colon.

  4. Click the Add Field Name button.

    Add Field Name button

  5. In the Add field window, choose plot from the list and click OK.
  6. For Fields list, click the more options button and choose Delete.

    Delete Fields list

  7. Click Add content and choose Text.
  8. In the text editor window, type This plot is held by: {name}.

    Text editor window

  9. Press Enter two times and type Email the plot holder.
  10. Highlight the text Email the plot holder and click the Link button.

    Link button

  11. Type {mailto} and click the Save button.

    Add mailto field as link URL.

  12. In the text editor window, click OK.
  13. Test the pop-up by clicking one of the Garden Plots features and clicking the email link (which should open to a new email message in your default email application).

    Now you’re 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've 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.)

  14. In the Layers pane, for the Garden Plots layer, click the More actions button, and click Zoom to.

    The map zooms to center on the garden plots.

    Map centers on garden plots.

  15. On the Contents toolbar, click Save and choose Save.

Configure a web app

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

  1. On the Contents toolbar, click Share map.

    Share map button

  2. In the Share window, for Set sharing level, choose Everyone and click Save.
  3. On the Contents toolbar, click Create app and choose Instant Apps.

    Create app menu with Instant Apps chosen

    The Instant Apps gallery page appears. This page provides information and guidance to help you choose an appropriate app template.

  4. On the Minimalist card, click Choose.
  5. In the Create App window, enter the following:
    • For Title, type Email the TCG plot holder.
    • For Tags, add Riverside, and press Enter.
  6. Click Configure App.

    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, including buttons to view how the app will appear on a mobile device.

  7. If necessary, close the welcome window.
  8. In the app preview, 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 send email to 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.

  9. Close the pop-up.

    When configuring the app, you can use the default Express Setup to create an app with the most essential settings or switch to Full Setup to access and search all its configurable settings. 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.

  10. In the Express Setup panel, click Step 3. Interactivity.

    The Interactivity settings include options for the search tool.

    Tip:

    You can configure additional tools that encourage map exploration by clicking the Full Setup button on the action bar to access the full Interactivity settings.

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

    Garden Plots layer selected as a search source.

  13. Click OK.

    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 that appears in the configuration panel.

    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.

  14. For Placeholder Text, type Search plot holders.
  15. 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.

  16. Scroll down and click Done.
  17. In the list of search sources, for ArcGIS World Geocoding Service, click the Edit button 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.

  18. 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 and displays its pop-up.

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

    Mobile views buttons

  20. On the app preview, click the Home button to zoom the map to its default extent.

    Home button

    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 map readers.

  21. 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.

  22. In the About panel, turn off Legend panel.
  23. For Select which panel to open at start, choose Details.

    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. Next, you will edit the map description by using a link provided in the app configuration settings.

Share a web app

Now that you have configured your web app, you will set up some final settings so that it is ready for sharing.

  1. 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 the Full Setup button on the action bar to provide a custom description in the full About settings.

  2. Click View item details.
  3. In the map item page that appears, for Description, click Edit.

    Edit map description on the item details page.

  4. 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.
  5. Click Save and close the item page.
  6. 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 appears, 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.

  7. Click Launch.

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

  8. 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

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

    Send a link button in the app header.

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

    The app's item page appears. The title and tags are already completed from when you first created the app. You could also add more details, such as a summary 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.