iOS

iOS Programming 101: How To Get the User Location in iPhone App


This is the third article of the iOS Programming 101 series. In the previous two articles, we showed you how to hide the tab bar and implement email feature in your app. In this article, we’ll show you how to add GPS capability in your iPhone app and retrieve the user’s current location. We’ll even cover tip to translate the GPS coordinate into street address. It’s gonna to be fun and pretty easy to implement.

Location services provide a way to improve your app by enhancing the user experience. If you’re developing a travel app, you can base on the users’ current location to search for nearby restaurants or hotels. You can also find the location feature in most of the Photo apps that saves where the pictures are taken. The Core Location framework provides the necessary Objective-C interfaces for obtaining information about the user’s location. With the GPS coordinate obtained, you can make use of the API to decode the actual street or utilize the Map framework to further display the location on Map.

In this tutorial, we’ll build a simple app to show you how to use the Core Location framework. Here are the things we’ll do:

  • Build a simple interface to display the GPS coordinate and address
  • Learn how to use the Core Location APIs to retrieve the current location
  • Utilize the built-in APIs to translate the GPS coordinates into street address

Okay, let’s get started.

Create the Project and Design the Interface

First, create a new Xcode project using the Single View Template. Let’s name the project as “MyLocationDemo” and set the project with the following parameters:

MyLocationDemo Xcode Project

MyLocationDemo Xcode Project

Once you’ve successfully created your project, go to the Storyboard and design the user interface. In the View, add three labels for latitude, longitude and address. For each label, place another label next to it. Later we’ll use these labels to display the GPS coordinates and address. Finally, insert a button and name it as “Get My Location”. Your user interface should be similar to the one shown below.

MyLocationDemo User Interface

MyLocationDemo User Interface

For the “For Address” label, change the “lines” option from 1 to 4, as we’ll display address in multi-lines. You may also decrease the font size to 14 points in the Attribute Inspector.

MyLocation Customize Address Label

Customize Address Label

Establish the Connection Between Variables and UI Elements

Next, we’ll connect the UI elements with our code. In the Storyboard, select the view controller and switch to the Assistant Editor.

Show Assistant Editor

Show Assistant Editor and Hide Utility Area

Press and hold the control key, click the “For Latitude Value” label and drag it towards the “MyLocationViewController.h”. Place the cursor between the @interface and @end keywords, you should see a prompt that allows you to insert an outlet.

MyLocation Add Outlet to Code

Establish the Connection Between Variables and UI Elements

Name the outlet as “latitudeLabel”.

MyLocation LatitudeLabel Outlet

Create the Instance Variable and Name it as latitudeLabel

Repeat the same procedures and create the outlet for the “For Longitude Value” label and “For Address” label. Finally, create an action method for the “Get My Location” button and name it as “getCurrentLocation”. This method will be invoked when it detects a Touch Up Inside event.

MyLocation GetMyLocation Button

Create a method for Get My Location Button

If you follow us correctly, the code of MyLocationViewController.h should look like below:

Adding Core Location Framework

To retrieve the current user location, as mentioned earlier, we’ll make use of the CoreLocation framework provided by the iOS SDK. By default, however, the Core Location Framework is not bundled in any Xcode project. We have to add it manually. In the Project Navigator, select the “MyLocationDemo” project. In the Content Area, select “MyLocationDemo” under Targets and click “Build Phases”. Expand “Link Binary with Libraries” and click the “+” button to add the CoreLocation framework.

MyLocation Add New Framework

Add a new library to Your Xcode Project

MyLocationDemo Add CoreLocation

Adding CoreLocation Framework to Your Project

Jump into the Code

Let’s move onto the core part of this tutorial. Core Location framework, that you’ve just added, allows you to retrieve the user’s current location in the form of latitude and longitude. It can even give you continuous location update if the user is on the move.

Like other libraries in the iOS SDK, Core Location makes use of the delegate pattern. To work with the Core Location framework, our view controller should conform to the CLLocationManagerDelegate protocol. This protocol defines methods used to receive location and heading updates from a CLLocationManager object.

To let the view controller know about the CLLocationManagerDelegate, you first import the corresponding header file. In the “MyLocationViewController.h”, add the #import statement and implement the “CLLocationManagerDelegate”.

Now go to the “MyLocationViewController.m”. Declare an instance variable and name it as locationManager.

The CLLocationManager is the object that provides you the location data.

Add the following code in the viewDidLoad method to instantiate the CLLocationManager object:

Once you initialize a CLLocationManager object, you can simply call the startUpdatingLocation method to the location service. The service will then continuously send your application a stream of location data.

Add the following code to the getCurrentLocation method, which is hooked up the to “Get My Location” button:

As discussed earlier, the location data is reported to your app via the location manager’s associated delegate object. Here, we assign MyLocationViewController as the delegate object. All the location updates will send to the delegate. To capture the location event, we have to implement the delegate methods as defined in the protocol.

Add the following code to MyLocationViewController.m and place them right below the “getCurrentLocation” method:

Test Your App with Fake Location

Now you can compile the app and test it by using the Simulator. You may wonder how you can use the iPhone Simulator to test location-aware application. How can the Simulator retrieve the current location?

There is no way for the Simulator to get the current location as your computer doesn’t have GPS built-in (even you have, Xcode won’t use it). However, the Simulator allows you to fake it.

After you launch the app, click the “Get My Location” button. For the very first time you run the app, it’ll prompt the following alert to request for the access of location manager:

MyLocationDemo Location Alert

Remember to accept it, otherwise, the app will not be able to access the location service. Oops! The app displays an error even you tap the OK button.

MyLocationDemo Fail to Get Location

Failed to get the current location

Why? By default, the Simulator doesn’t know its own location. In the menu bar, select “Debug” -> “Location”. The default location is set to “None”. That’s the reason why you get the “Fail to Get Your Location” error. Now change the location setting to “Apple” (or “Apple Stores”). Your app should now show you the latitude and longitude values.

MyLocationDemo Apple Location

Xcode offers another way to simulate location. While running the app, you can change to other locations by using the arrow button in the top bar of the debug area.

Xcode Simulate Location

Simulate Other Locations

Finding the Address

The CLGeocoder class provides services for converting between a GPS coordinate and the user-readable address of that coordinate. By specify the latitude and longitude of a given location, you can use CLGeocoder to find a user-readable address. The result (i.e. the address) returned by CLGeocoder is saved in a CLPlacemark object.

Back to your Xcode project. Add two instance variables: geocoder and placemark.

Initialize the “geocoder” in the “viewDidLoad” method:

Update the “didUpdateToLocation” method to include the code for reverse geocoding:

We use the “reverseGeocodeLocation” method to translate the locate data into a human-readable address. The geocoding operations doesn’t happen on the device. The method instead submits the given data to the geocoding server in the cloud in order to resolve the address. Other than the location data, you have to provide the handler that contains code to execute after the address is resolved. In this case, we’ll update the address label to display the address on screen.

The syntax of the completionHandler may be new to you. Instead of using delegate to provide feedback, the CLGeocoder uses “block” to deal with the response. By using block, you do not need to write a separate method. Just provide the code inline to execute after the geocoding call completes.

Upon completion of a geocoding request, the completionHandler will be invoked automatically. The resolved address is saved in CLPlacemark array. Placemark data includes information such as the country, state, city, and street address. So we simply pick the CLPlacemark object from the array and show the address in the address label.

That’s it. Run the app again, pick a location (e.g. Apple) and you should get its address:

MyLocationDemo Address Resolved

Saving Battery Power

The app works but it consumes a lot of power. Why? What the app does is to retrieve the current user’s location. It shouldn’t consume much power, right?

Let’s revisit our code again. Once the user taps the “Get My Location” button, we’ll call up the “startUpdatingLocation” method to retrieve the user’s location.

The problem is that the method will report the location data continuously. It just keeps going and gives location update every second, even the location is unchanged. Take a look at the output of the Debug area. You should have something similar to the below:

As you can see, the “didUpdateToLocation” is invoked multiple times and it just keeps going on and on.

So how can you tell the location manager to stop from updating the location? You can use the “stopUpdatingLocation” method to disable the location update. For our app, we can stop the location update once we retrieve the current location.

Try to run the app again and check out the output message in the output area. You should notice that the “didUpdateToLocation” is called once and stopped.

What’s Coming Next?

In this tutorial, we give you a simple demo to show how to use the Core Location framework. The app is very basic. If you’re going to develop a real app, don’t forget to handle various error cases such as network error.

So what’s next? We’ll continue to work on the demo app and display the current location in a map.

As always, leave us comment and share your thought.

iOS
How to Use Dropbox API in iOS Apps
iOS
Using LinkPresentation Framework to Present Rich Links in iOS Apps
iOS
SwiftUI Tip: ButtonStyle and Animated Buttons
Shares