How To Add Map Annotations In iOS (Swift 3 + Xcode 8) ?

How To Add Map Annotations In iOS

 Hi, In this tutorial, I’ll show you how to place an annotation on map in your iOS apps. Its super easy and you can learn to add annotations in map just by reading this small post only once. So, let’s get started and see how to do it.

First of all, open your Xcode and create a Single View Application. Now, give some name to your project and make sure to choose Swift as the language. 

Now, drag and drop a Map View from objects library to your storyboard’s view controller. Now, place some constraints on this map view. For that, just click on Add constraint’s icon on right bottom corner of your screen and add 0 from all sides so that map can be visible on whole app screen. You can check below image for your reference:



After adding constraints, ctrl+drag this map view to your ViewController.swift file and create its outlet.

Now, open your ViewController.swift file. Here, first import MapKit framework.

import MapKit

Now, paste following code in your viewDidLoad() method:

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let location = CLLocationCoordinate2DMake(30.7333,76.7794)        //1
        
        let span = MKCoordinateSpanMake(0.1,0.1)        //2
        
        let region = MKCoordinateRegionMake(location, span)     //3
        
        Map.setRegion(region, animated: true)       //4
        
        let annotation = MKPointAnnotation()        //5
        annotation.coordinate = location        //6
        annotation.title = "Chandigarh"       //7
        annotation.subtitle = "Its my city."      //8
        
        Map.addAnnotation(annotation)       //9
        
    }

Here, 
  1. First, we’ll define our location's coordinates here.
  2. We will create a span to show our place within some specific zoomed area. You can set and check it with any other value for setting up zoom on your place.
  3. Here, we’re creating a region on our map to show our location and span.
  4. Here, we’re setting our created region on our Map.
  5. Here, we’re creating our annotation object.
  6. Here, we’re passing our location coordinate to this annotation.
  7. Here’ we’re giving our annotation a title so that it pop up whenever user clicks on this annotation.
  8. We’re giving a subtitle to our annotation.
  9. Just adding this annotation on our map view.

Now, run your app and you’ll see your saved annotation on the map of your iOS app and when you click on it, it will populate its title and sub title. It will look like this below image:



Looking nice and cool, right?? 😊

So, that’s all for this tutorial. I hope this post may help someone, somehow!

If you've any doubts or need any further help, then do message me in comments section below and I'll try to respond you as soon as possible.


Thanks for your time. Keep Coding...

Comments

Post a Comment

Popular posts from this blog

How To Make The Device Vibrate Or Ring- An iOS Swift Tutorial

How To Make The Device Vibrate Or Ring- An iOS Swift Tutorial The iPhones have a built-in ability to alert users by creating some vibration or sound effects. You can trigger the vibration or sound effects by using SystemSound services. This is very useful in many cases while working on iOS Apps. in this tutorial, we'll learn how to trigger the vibration or sound effect on any particular action or button clicks. This is very easy to do and just takes one or 2 lines of code. In this tutorial, I'll just write the code that you need to add in your button's action or any other specific function to make the device vibrate or sound + vibrate both. We'll also see how to make the device vibrate more than once. So let's start.. Before anything, make sure to import  AVFoundation. For Vibrate Only: If you only want to make the device quick vibrate, then this one line of code will do the trick: AudioServicesPlaySystemSound ( kSystemSoundID_Vibrate ) For Sound ...
Read more

PayPal Integration In iOS Applications | Payment Gateways iOS/Swift

Image
PayPal Integration In iOS Applications | Payment Gateways iOS/Swift Hey everyone, In today's post, we'll learn about how to integrate PayPal SDK in iOS apps. These days, there's a huge increase in the eCommerce business. With this increase, there's also getting a high demand of eCommerce mobile apps. The most important part of any eCommerce mobile app is the payment processing through a secure payment gateway. Without any secure payment gateway , no user will trust on your mobile app and hence no one wants to use their payment methods with your app. So, a secure and reliable payment gateway is must for every eCommerce mobile app. And when it comes to reliability and security who can ever forget PayPal ??? So, In this tutorial, I'll guide you through a step by step approach to integrate PayPal Payment Gateway into any iOS application using Swift as the language. I hope you'll like it. And Yes, Bring yourself a cup of coffee, this tutorial is going to ta...
Read more

How To Parse JSON Data In iOS (Swift 3 + Xcode 8) ?

Image
JSON Data Parsing In iOS Hi, In this post, I'll show you how to fetch and parse JSON data from an URL in your iOS app. First, what is JSON?? JSON stands for "JavaScript Object Notation". JSON is the most popular and light weight format for data-interchange.  In this app, we’ll use http://fixer.io website's API to get the latest currency exchange rates and use them in our iOS app.  So, let’s start and see how to parse JSON data in iOS. First of all, open your Xcode and create a Single View Application.  Give some name to your project and make sure to choose Swift as the language. Click Next. For this post, we don’t need to work in Storyboard. So just open your ViewController.swift file and write following lines of code in your viewDidLoad() method:      override func viewDidLoad() {         super . viewDidLoad ()                  //Give your...
Read more