Displaying the map on the watch

The last part of our watch app and extension is to display the map to the supermarket. To do it, we are going to use the WKInterfaceMap class that is the watch version of UIMapView.

Return to the watch storyboard and add a new interface controller. Start by changing the title at the top of the screen to Return, so it would be easier for the user to understand how to return to the previous screen.

Place a map on this interface controller and set its width and height to Relative to Container with the value to 1, as shown in the following screenshot:

Now, add a new file named MapController.swift to the watch extension. Import the WatchKit framework and open the class that inherits from WKInterfaceController:

import WatchKit

class MapController: WKInterfaceController {

In this class, we will need two attributes, the map itself and the supermarket data that was sent from the previous interface controller:

    @IBOutlet var map: WKInterfaceMap!
    var supermarketData...