Display a web map

Before starting this tutorial:

1. You need an ArcGIS Location Platform or ArcGIS Online account.

2. Your system meets the system requirements.

Option 1: Develop the code

To start the tutorial, complete the Display a map tutorial. This creates a map to display the Santa Monica Mountains in California using the topographic basemap from the ArcGIS basemap styles service. You can choose to implement either API key authentication or user authentication.

Continue with the following instructions to display a map from a web map stored in ArcGIS.

Get the web map item ID

You can use ArcGIS tools to create and view web maps. Use the Map Viewer to identify the web map item ID. This item ID will be used later in the tutorial.

1. Go to the LA Trails and Parks web map in the Map Viewer in ArcGIS Online. This web map displays trails, trailheads and parks in the Santa Monica Mountains.
2. Make a note of the item ID at the end of the browser's URL. The item ID should be

   41281c51f9de45edaf1c8ed44bb10e30

Display the web map

You can create a map from a web map using the web map's item ID. Use the PortalItem class to access the web map and the Map class to create and display a map from it.

1. In Xcode, in the Project Navigator, click ContentView.swift.

2. The variable map is not required to be a computed property for this tutorial. Replace it with a Map initializer. You'll update this in the next step.

   ContentView.swift

   Expand

   Use dark colors for code blocks

   19 19 19 19 19 19 19 19 19 19 19 19 19 19 19 19 19 19 19 20 21 22 23 23 23 23 23 23 24 25 26 27 28 29 30 31 32

   Change lineChange lineChange line

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   struct ContentView: View {
   
       @State private var map = Map(
   
       )
   
       var body: some View {
   
           MapView(map: map)
   
       }
   
   }

3. Initialize the map with a PortalItem for the web map. To do this, provide a Portal referencing ArcGIS Online and the web map's item ID.

   ContentView.swift

   Expand

   Use dark colors for code blocks

   21 21 21 21 21 21 21 21 21 21 21 21 21 21 21 21 21 21 21 21 21 22 23 24 25 26 27 28 29 29 29 29 29 29 29 29 29

   Change lineChange lineChange lineChange line

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
       @State private var map = Map(
   
           item: PortalItem(
               portal: .arcGISOnline(connection: .anonymous),
               id: PortalItem.ID("41281c51f9de45edaf1c8ed44bb10e30")!
           )
   
       )
   

   Expand
   More info

   The Portal object is created using a convenience function that points to ArcGIS Online. This is the equivalent of:

   Use dark colors for code blocksCopy

   1
   Portal(url: URL(string: "https://www.arcgis.com")!, loginRequired: false)

Run the solution

Press Command + R to run the app.

You should see a map of trails, trailheads and parks in the Santa Monica Mountains . Pinch, drag, and double-tap the map view to explore the map.

Option 2: Download the solution

1. Click the Download solution link under Solution and unzip the file to a location on your machine.

2. Open the .xcodeproj file in Xcode.

Since the downloaded solution does not contain authentication credentials, you must first set up authentication to create credentials, and then add the developer credentials to the solution.

Set up authentication

To access the secure ArcGIS location services used in this tutorial, you must implement API key authentication or user authentication using an ArcGIS Location Platform or an ArcGIS Online account.

Set developer credentials in the solution

To allow your app users to access ArcGIS location services, pass the developer credentials that you created in the Set up authentication step to the application's ArcGISEnvironment.

Run the solution

Press Command + R to run the app.

You should see a map of trails, trailheads and parks in the Santa Monica Mountains . Pinch, drag, and double-tap the map view to explore the map.