Overview

You will learn: how to display a web map that you created in the Create a web map design lab.

With the ArcGIS Runtime SDK for iOS, it is easy to create an app that displays a web map. A web map is special because its format is interchangeable between most applications running on the ArcGIS platform. Web maps are generally created interactively with the Map Viewer and saved in ArcGIS Online. When you save a web map it stores the initial map configuration settings such as the basemap, layer styles, and the pop-up configuration, making it easy for you to load the web map and use the pre-existing settings. This will give you a jump-start building great looking apps. Web maps can also be updated and saved independently from your apps. This is handy if you want to make changes to the map and layers but don't want to make code changes to the app itself. + +In this lab, you will use the iOS SDK to build a simple mapping app that loads and displays a web map.

Before you begin

Make a copy of the finished Create a starter app lab (or download here) and open the .xcodeproj file in Xcode.

Preview the web map

  1. Go to the LA Trails and Parks Map to view the map in the Map Viewer. Make note of the id at the end of the url.

Steps

Add a web map to the map

  1. In the ViewController.swift file, change the way the AGSMap is initialized to reference the web map that was created in the Configure pop-ups design lab. Create the web map given its item ID and the portal where it is located.

     private func setupMap() {
         let itemID = "41281c51f9de45edaf1c8ed44bb10e30"
         let portal = AGSPortal(url: URL(string: "https://www.arcgis.com")!, loginRequired: false)
         let portalItem:AGSPortalItem = AGSPortalItem(portal: portal, itemID: itemID)
         mapView.map = AGSMap(item: portalItem)
     }
    
  2. Press Command-R to run the app in the iOS Simulator.

Congratulations, you're done!

Your app should display a map that looks like this. Compare your solution with our completed solution project.

Challenge

Use your web map

Instead of using the web map we prepared, use the web map you made in the design lab Create a web map.

In Step 1 above, replace the itemId variable with the id of your web map.

Change your map design

Open your web map in the ArcGIS Online Map Viewer, make changes to your map design, then save your map. Next time you load that map in your app your changes will be reflected.