Display Device Location

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 the current device location on a map or scene.

Add a custom iOS target property

The app must provide a message that tells the user why the app is requesting access to the user's location when the app is in use.

1. In Xcode, in the Project navigator, select the target app.

2. Click the Info tab and add the "Privacy - Location When In Use Usage Description" key under Custom iOS Target Properties.

3. Add a string value describing how the app would use the device location. For example, "Your location is used to show your position on the map."

   More info

   To learn more about requesting user authorization, see the Note in the Location data sources section of the Device location guide topic.

Import Core Location

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

2. In the Editor, import the CoreLocation framework. This is required to request the user's location.

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   import ArcGIS
   
   import CoreLocation
   

Initialize the map

1. The map will zoom to the extent of the current location, so you don't need to set the viewpoint anymore. Remove the map StateObject and replace it with just a map initializer.

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   struct ContentView: View {
   
       private let map = Map(basemapStyle: .arcGISTopographic)
   
   

Add location display to map view

1. Create the location display using the system location data source.

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   struct ContentView: View {
   
       private let map = Map(basemapStyle: .arcGISTopographic)
   
       private let locationDisplay = LocationDisplay(dataSource: SystemLocationDataSource())
   
   

2. Add the location display modifier to the map view.

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
       var body: some View {
           MapView(map: map)
   
               .locationDisplay(locationDisplay)
   
               }
   
       }
   

Request user authorization to use location

The app must request authorization from the user to access the device location. The user can grant or deny the request.

1. In the task modifier, create a CLLocationManager.

2. If the authorization status is not determined, request "in use authorization".

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
       var body: some View {
           MapView(map: map)
   
               .locationDisplay(locationDisplay)
   
               .task {
                   let locationManager = CLLocationManager()
                   if locationManager.authorizationStatus == .notDetermined {
                       locationManager.requestWhenInUseAuthorization()
                   }
   
               }
   
       }
   

Show the current location

A map view provides LocationDisplay for showing the current location of the device. The location symbol is displayed on top of all content in the map view.

1. Start displaying the location by calling the data source's start() method.

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
       var body: some View {
           MapView(map: map)
   
               .locationDisplay(locationDisplay)
   
               .task {
                   let locationManager = CLLocationManager()
                   if locationManager.authorizationStatus == .notDetermined {
                       locationManager.requestWhenInUseAuthorization()
                   }
   
                   do {
                       try await locationDisplay.dataSource.start()
   
                   } catch {
   
                   }
   
               }
   
       }
   

2. Set the initial zoom scale and the auto pan mode.

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
       var body: some View {
           MapView(map: map)
   
               .locationDisplay(locationDisplay)
   
               .task {
                   let locationManager = CLLocationManager()
                   if locationManager.authorizationStatus == .notDetermined {
                       locationManager.requestWhenInUseAuthorization()
                   }
   
                   do {
                       try await locationDisplay.dataSource.start()
   
                       locationDisplay.initialZoomScale = 40_000
                       locationDisplay.autoPanMode = .recenter
   
                   } catch {
   
                   }
   
               }
   
       }
   

Error handling

1. Add a Bool called failedToStart.

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   struct ContentView: View {
   
       private let map = Map(basemapStyle: .arcGISTopographic)
   
       private let locationDisplay = LocationDisplay(dataSource: SystemLocationDataSource())
   
       @State private var failedToStart = false
   

2. In the catch closure, set the failedToStart boolean to true. If the location display fails to start, the value will be changed.

   ContentView.swift

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
                   do {
                       try await locationDisplay.dataSource.start()
   
                       locationDisplay.initialZoomScale = 40_000
                       locationDisplay.autoPanMode = .recenter
   
                   } catch {
   
                       self.failedToStart = true
   
                   }
   

3. Present an alert if the location display failed to start.

   ContentView.swift

   Expand

   Use dark colors for code blocks

   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
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
       var body: some View {
           MapView(map: map)
   
               .locationDisplay(locationDisplay)
   
               .task {
                   let locationManager = CLLocationManager()
                   if locationManager.authorizationStatus == .notDetermined {
                       locationManager.requestWhenInUseAuthorization()
                   }
   
                   do {
                       try await locationDisplay.dataSource.start()
   
                       locationDisplay.initialZoomScale = 40_000
                       locationDisplay.autoPanMode = .recenter
   
                   } catch {
   
                       self.failedToStart = true
   
                   }
   
               }
   
               .alert("Location display failed to start", isPresented: $failedToStart) {}
   
       }
   

   Expand

Run the solution

1. Press Command + R to run the app.

   More info

   If you are using the Xcode simulator your system must meet these minimum requirements: macOS 14 (Sonoma), Xcode 16, iOS 18. If you are using a physical device, then refer to the system requirements.

2. When the app runs, you'll see the system prompt requesting to use the device location. Tap to either Allow once or While using the app.

3. If the app is running on a simulator, you'll have to provide a simulated location. Go to the Features menu of the Simulator. Under Location, choose a predefined option or enter a custom Location.

Your map should now show the device's location, either simulated or actual.

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

1. Press Command + R to run the app.

   More info

   If you are using the Xcode simulator your system must meet these minimum requirements: macOS 14 (Sonoma), Xcode 16, iOS 18. If you are using a physical device, then refer to the system requirements.

2. When the app runs, you'll see the system prompt requesting to use the device location. Tap to either Allow once or While using the app.

3. If the app is running on a simulator, you'll have to provide a simulated location. Go to the Features menu of the Simulator. Under Location, choose a predefined option or enter a custom Location.

Your map should now show the device's location, either simulated or actual.