Map Based Location Tracker for iOS

Map Based Tracker For Ios

Anything location based is really cool, and having that information displayed on a map is even better! So … lets track our location and plot it on a map :)

The good news about this tutorial is there is very little code! The flip side is, we will have to do some extra setup. Lets begin!

Preface: I’m still very much a beginner to Swift, and I am just sharing my journey to help out other beginners :) I’m also using Xcode beta 5 for this.

Setup

Setting up the project

1	File -> New -> Project

Then select

1	iOS -> Application -> Single View Application

Give it a name and make sure we are using the language Swift :)

Open our Main.storyboard file.

Show the document outline. There is a little handle in the lower left window of the storyboard to do this.

Highlight our View Controller for this scene, and navigate to the attributes inspector.

For this project, we are going to set the size to be “Retina 4-Inch Full Screen” and I’m going to set the Orientation to Portrait.

Setting up the MapKit View

Apple has already provided us with a map view. So we just need to drag one into our scene.

Setting up the label

We are also going to have a label to display some debug information about our location. Drag one into the scene as well.

Feel free to adjust the attributes in the inspector to make the label look like mine. I centered the text, gave the label 3 lines, and used the awesomely cool font ‘Helvetica Neue Thin’ with a font size of 12 (incorrectly “17.0” in screen shot).

Creating the IBOutlets

Now that we have our mapview and label, we are going to drag them into our ViewController.swift code so we can control them with code.

We want to switch to assistant editor (the view that looks like a suit and bow tie in the upper right), and then “right click drag” our MKMapView into our ViewController.swift file.

We also want to right click, and drag from the Label to our ViewController.swift file.

You will see some errors, but this will go away once we fix our imports. If you are dying to fix this now, add this under import UIKit




1 2	import CoreLocation import MapKit

Editing the info.plist

We need to add 2 keys to our info.plist file, which is located in the “Supporting Files” folder. The two keys are NSLocationWhenInUseUsageDescription and NSLocationAlwaysUsageDescription. Right click on “Information Property List”, click Add Row, and manually enter these two keys.

Programatically Added :- 

<key>NSLocationWhenInUseUsageDescription</key>

    <string>This application requires location services to work</string>

    

    <key>NSLocationAlwaysUsageDescription</key>

    <string>This application requires location services to work</string>

The final form should look like this:

Simulating your location

The last thing I want to mention is there is no way (I saw) to have the iOS simulator aware of your actual location. However, the simulator DOES allow you to fake this data. Make sure you have a good simulation selected or else this program will just show an empty map.

Once you have the simulator going select a location!!!

ViewController.swift and Full Code

Phew! Thank goodness all that setup is out of the way. Time for the code!

//

//  ViewController.swift

//  UpdatePolyline_Swift

//

//  Created by INT MAC 2015 on 24/06/16.

//  Copyright © 2016 INT. All rights reserved.

//

import UIKit

import CoreLocation

import MapKit

class ViewController: UIViewController , CLLocationManagerDelegate, MKMapViewDelegate {

    

    @IBOutlet weak var theMap: MKMapView!

    @IBOutlet weak var theLabel: UILabel!

    

    var manager:CLLocationManager!

    var myLocations: [CLLocation] = []

    

    override func viewDidLoad() {

        super.viewDidLoad()

       

        

        //Setup our Location Manager

        manager = CLLocationManager()

        manager.delegate = self

        manager.desiredAccuracy = kCLLocationAccuracyBest

        manager.requestAlwaysAuthorization()

        manager.startUpdatingLocation()

        

        //Setup our Map View

        theMap.delegate = self

        theMap.mapType = MKMapType.Satellite

        theMap.showsUserLocation = true

        

    }

    func locationManager(manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {

    

        theLabel.text = "\(locations[0])"

        myLocations.append(locations[0] )

        

        let spanX = 0.007

        let spanY = 0.007

        var newRegion = MKCoordinateRegion(center: theMap.userLocation.coordinate, span: MKCoordinateSpanMake(spanX, spanY))

        theMap.setRegion(newRegion, animated: true)

        

        if (myLocations.count > 1){

            var sourceIndex = myLocations.count - 1

            var destinationIndex = myLocations.count - 2

            

            let c1 = myLocations[sourceIndex].coordinate

            let c2 = myLocations[destinationIndex].coordinate

            var a = [c1, c2]

            var polyline = MKPolyline(coordinates: &a, count: a.count)

            theMap.addOverlay(polyline)

        }

    }

    

    func mapView(mapView: MKMapView!, rendererForOverlay overlay: MKOverlay!) -> MKOverlayRenderer! {

        

        if overlay is MKPolyline {

            var polylineRenderer = MKPolylineRenderer(overlay: overlay)

            polylineRenderer.strokeColor = UIColor.blueColor()

            polylineRenderer.lineWidth = 4

            return polylineRenderer

        }

        return nil

    }

    

    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        // Dispose of any resources that can be recreated.

    }

}