Skip To Content

Publish an operational layer and configure the app

In the previous lesson, you published a garden map to the web as a basemap. In this lesson, you'll create and publish the operational layer that will make your finished app interactive.

Publish an operational layer of garden plots

  1. If necessary, open your TCG_Garden map.
  2. In the Table Of Contents, press Ctrl while clicking the layer names to highlight all of the layers except GardenPlots.
  3. Right-click any of the highlighted layers and choose Remove.

    Remove all layers

  4. Right-click GardenPlots and choose Zoom to Layer.

    Plots only

  5. Save the map as a new map document called PlotExporter.mxd.

    You now have a map of only the garden plots. You'll publish them as vector features (not tiles, as in the previous lesson), which you'll then be able to configure with pop-ups in your web map.

  6. Open the attribute table.

    Attribute table

    Notice some fields of interest: name, plot, email, and mailto (a specially formatted version of email). These will be the 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.

  7. Close the attribute table.
  8. In the File menu, click Sign In and sign in using your ArcGIS organizational account.
  9. In the File menu, click Share As and click Service.
  10. Click Publish a Service and click Next.

    Publish a service

  11. Name the service TCGPlotholders_yourname and click Continue.

    Name the service

  12. Click the Capabilities tab. If necessary, uncheck the Tiled Mapping box and check the Feature Access box.

    Feature access

  13. Click the Item Description tab. Edit the summary and description as follows:

    Summary: Tequesquite Community Garden plot holders operational layer.

    Description: This is a query-only feature service of the plots and plot holders at Tequesquite Community Garden at Brian Bonaminio Park in Riverside, California.

    Item description

  14. On the Service Editor toolbar, click Analyze. If there are no high-severity errors, click Publish.

    Feature services (especially small ones such as this one) generally don't 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's done. You can go to your ArcGIS organizational account to continue your work.

Update 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 ellipsis next to Tequesquite Community Garden and choose Open in Map Viewer.

    Open in Map Viewer

  4. Click Add and choose Search for Layers. Change In to My Content.
  5. Click the Add button next to TCGPlotholders_yourname.

    Search results

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

    More Options Rename

  8. Change the layer name to Garden Plots.

    Rename

  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

    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

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

    Apply 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 followed by a colon and a space.
  17. Click the Add Field Name button and choose plot {plot} from the list.

    Pop-up title

  18. For Display, choose A custom attribute display.

    Pop-up contents

  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 add name {name}.

    Custom attribute display

  22. Skip a line and type email the plot holder.
  23. Highlight the text and click the Create Link button.
  24. Under Link Properties, for URL, type {mailto}.
    Note:

    If you see a yellow exclamation point warning, ignore it.

  25. Confirm that the Custom Attribute Display window looks like the following example. Click Set and click OK.

    Final attribute display

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

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

    Set zoom

  29. Click Save.

Share a web map

  1. Click the Share button.

    Share button

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

    Because the two services in this map are not yet shared publicly, you’ll be prompted to update sharing properties of the layers.

    Update sharing to everyone

  3. Click Update Sharing.
  4. Click Create a Web App.

    Create a web app

    A window of configurable templates opens.

  5. In the Create a New Web App window, click Showcase a Map.

    Filter web apps

  6. Click Minimalist and click Create Web App.

    Create Minimalist web app

  7. Fill in the following fields:
    • Title: Email the TCG plot holder
    • Tags: Riverside, Tequesquite Community Garden
    • Summary: This is a web application for emailing the named plot holders at the Tequesquite Community Garden by clicking on their plots.
  8. Click Done. The Configure window opens.
  9. Click one of the garden plots.

    The plot is selected and a pop-up appears.

    Selected plot with pop-up

    Community garden members will be able to use this web app to discover who holds specific plots, and send them problems, notifications, or compliments via email.

  10. Close the pop-up.
  11. Click the Search tab and check the Enable search tool box.
  12. Uncheck all boxes except for Garden Plots.

    Search Garden Plots only

  13. Click Save.

    A search bar appears at the top of the map.

  14. Search for Ruth and press Enter.

    Search for Ruth

    The map zooms to plot number 108 and opens its pop-up. This feature will be useful for members of the community garden to find their plot, or another held by a friend.

  15. Close the pop-up.
  16. Click the Options tab.
  17. Check the Display the side panel when the app loads and Display map details in side panel check boxes.

    Web app options

  18. Click Save and click Launch.

    A new tab opens in your browser showing the web app. Try clicking some plots, or searching for them by plot holder name.

    The Details pane shows the map’s name, but it could also have useful information and instructions.

    Details of web app

    You can add details by updating the map’s description.

  19. Open a new tab in your browser and browse to your ArcGIS organizational account.
  20. In My Content, click Tequesquite Community Garden.

    Web Map in My Content

  21. Click the Edit button next to Description and type the following:

    The Tequesquite Community Garden is in Brian Bonaminio Park in Riverside, California. Use this map to contact garden plot holders.

    Click on a plot to find the holder's name and send them an email.

    Find plots by holder's name using the search bar at the top of the map.

  22. Click Save.
  23. Return to the web app and refresh the page.

    Now the Details pane has useful information and instructions for the map readers.

    Web app details with useful content

  24. Send the URL of the app by email to your smartphone if you have one, and test it yourself.

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