Swift 3 - MKPointAnnotation custom Image

Question

This is my code and i want to add a custom pin (.png file) instead of the red pin. I tried to use MKPinAnnotationView and MKAnnotationView but i couldn't add coordinates, subtitles and title. I'm new to iOS development.

override func viewDidLoad() {
    super.viewDidLoad()
    // Handle the text field’s user input through delegate callbacks.
    commentTextField.delegate = self

    coreLocationManager.delegate = self
    //desired accuracy is the best accuracy, very accurate data for the location
    coreLocationManager.desiredAccuracy = kCLLocationAccuracyBest
    //request authorization from the user when user using my app
    coreLocationManager.requestWhenInUseAuthorization()

    coreLocationManager.startUpdatingLocation()

    dbRef = FIRDatabase.database().reference()

    struct Location {
        let title: String
        let latitude: Double
        let longitude: Double
        let subtitle: String
    }
    // Locations array
    let locations = [
        Location(title: "Dio Con Dio",    latitude: 40.590130, longitude: 23.036610,subtitle: "cafe"),
        Location(title: "Paradosiako - Panorama", latitude: 40.590102, longitude: 23.036180,subtitle: "cafe"),
        Location(title: "Veranda",     latitude: 40.607740, longitude: 23.103044,subtitle: "cafe")
    ]

    for location in locations {
        let annotation = MKPointAnnotation()

        annotation.title = location.title
        annotation.coordinate = CLLocationCoordinate2D(latitude: location.latitude, longitude: location.longitude)
        annotation.subtitle = location.subtitle

        map.addAnnotation(annotation)
    }



}

Rob · Accepted Answer · 2017-05-09T22:46:23.953

You need to specify your view controller as the delegate for the map view (either in IB or programmatically in viewDidLoad and then (a) specify that you're conforming to the MKMapViewDelegate protocol; and (b) implement mapView(_:viewFor:):

extension ViewController: MKMapViewDelegate {
    func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
        let identifier = "MyPin"

        if annotation is MKUserLocation {
            return nil
        }

        var annotationView = mapView.dequeueReusableAnnotationView(withIdentifier: identifier)

        if annotationView == nil {
            annotationView = MKAnnotationView(annotation: annotation, reuseIdentifier: identifier)
            annotationView?.canShowCallout = true
            annotationView?.image = UIImage(named: "custom_pin.png")

            // if you want a disclosure button, you'd might do something like:
            //
            // let detailButton = UIButton(type: .detailDisclosure)
            // annotationView?.rightCalloutAccessoryView = detailButton
        } else {
            annotationView?.annotation = annotation
        }

        return annotationView
    }
}

For more information, see the Location and Maps Programming Guide: Creating Annotation Views from Your Delegate Object. The code snippets are in Objective-C, but it describes the basic process.

score 2 · Answer 2 · answered May 09 '17 at 23:22

Finally i did it this way, on my own!

ViewController.swift

    //
    //  ViewController.swift

    //
    //  Created by Alexandros Andreadis on 19/04/2017.
    //  Copyright © 2017 Alexandros Andreadis. All rights reserved.
    //    
    import UIKit
    import MapKit
    import CoreLocation
    import FirebaseDatabase

    class RateViewController: UIViewController, UITextFieldDelegate, UIImagePickerControllerDelegate, UINavigationControllerDelegate, CLLocationManagerDelegate, MKMapViewDelegate{
    let pin = UIImage(named: "pin")
    func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView?
        {

            if let annotation = annotation as? Locations{
                if let view = mapView.dequeueReusableAnnotationView(withIdentifier: annotation.identifier){
                    return view
                }else{
                    let view = MKAnnotationView(annotation: annotation, reuseIdentifier: annotation.identifier)
                    view.image = pin
                    view.isEnabled = true
                    view.canShowCallout = true
                    //view.leftCalloutAccessoryView = UIImageView(image: pin)
                    return view
                }
            }
            return nil
        }
        override func viewDidLoad() {
            super.viewDidLoad()

            mapView.delegate = self 

            mapView.addAnnotations(locations)



        }


    }

Locations.swift

//
//  Locations.swift

//
//  Created by Alexandros Andreadis on 10/05/2017.
//  Copyright © 2017 Alexandros Andreadis. All rights reserved.
//

import UIKit
import MapKit

class Locations: NSObject, MKAnnotation {
    // required coordinate, title, and the reuse identifier for this annotation
    var identifier = "locations"
    var title: String?
    var coordinate: CLLocationCoordinate2D
    //initializer taking a name, a latitude and longitude to populate the title and coordinate for each instance of this object
    init(name:String,lat:CLLocationDegrees,long:CLLocationDegrees){
        title = name
        coordinate = CLLocationCoordinate2DMake(lat, long)
    }

}
// Creating the list of the places that will be pinned in map
class LocationList: NSObject {
    var Location = [Locations]()
    override init(){
        Location += [Locations(name: "Dio Con Dio", lat: 40.590130, long: 23.036610)]
        Location += [Locations(name: "Paradosiako - Panorama", lat: 40.590102, long:23.036180)]
        Location += [Locations(name: "Veranda",  lat: 40.607740, long: 23.103044)]
        Location += [Locations(name: "Markiz",  lat: 40.634252, long: 22.936276)]
        Location += [Locations(name: "Moi Lounge Bar",  lat: 40.653481, long: 22.994131)]
        Location += [Locations(name: "Boulevard Lounge Bar",  lat: 40.658462, long: 22.983198)]
        Location += [Locations(name: "Ernést Hébrard",  lat: 40.631829, long: 22.941014)]
        Location += [Locations(name: "Tribeca - All Day & Night Bar",  lat: 40.631029, long: 22.942396)]

    }
}

If `dequeueReusableAnnotationView` succeeds, make sure to set the `annotation` property before you return the annotation view. As it is, your reused annotation views won't work properly. — Rob, May 09 '17 at 23:29
@Rob thank you! Another Question. How can i get pin name and i assign it to a UILabel everytime user touches a pin? For example, if he touches name: Dio Con Dio pin i want this name to be assigned to a UILabel and if he touches the another pin, i want the UILabel take the string value of the last pin touched. — Alex Andreadis, May 10 '17 at 10:54
You can implement [`mapView(_:didSelect:)`](https://developer.apple.com/reference/mapkit/mkmapviewdelegate/1452393-mapview) and do it there. — Rob, May 10 '17 at 14:27
@Rob Hey Rob. I wrote that code to get the name of pin: annotationTouched = (String(describing: annotation.title)) print (annotationTouched), but it prints Optional("Dio Con Dio") .. And i want only Dio Con Dio word. What to do? — Alex Andreadis, May 11 '17 at 18:15
You "unwrap" that optional, e.g. `let annotationTouched = annotation.title ?? "No title"` or `guard let annotationTouched = annotation.title else { fatalError("no title") }` or `let annotationTouched = annotation.title!`. — Rob, May 11 '17 at 18:31
For more info, see "optionals" section in _The Swift Programming Language_: https://developer.apple.com/library/content/documentation/Swift/Conceptual/Swift_Programming_Language/TheBasics.html#//apple_ref/doc/uid/TP40014097-CH5-ID330 — Rob, May 11 '17 at 18:47
@Rob Thank you. I used `let annotationTouched = annotation.title!` . Last question: `override func prepare(for segue: UIStoryboardSegue, sender: Any?) { let DestViewController : RateViewController = segue.destination as! RateViewController DestViewController.placeLabelString = annotationTouched }` And i want to get it here to push that value on other view controller, but it doesnt work. We the previous code i had it worked but it pushed **Optional("Dio Con Dio")** .. — Alex Andreadis, May 11 '17 at 18:48
It depends on how you got that `Optional("Dio Con Dio")`. Did you use that `String(describing: )` syntax? Don't do that. That's good for debugging purposes, but that's about it. You clearly have some optional that you need to unwrap (perhaps with that `!` operator), but it's hard to say on the basis of the information provided. No offense intended here, but you really need to step back and understand optionals, because it's such a fundamental Swift concept (and you're going to get crucified if you post a basic question about it without doing some research). Google "swift optionals tutorial". — Rob, May 11 '17 at 18:53

score 1 · Answer 3 · answered Oct 03 '19 at 05:32

SWIFT 5

let pointAnnotation = MKPointAnnotation()

override func viewDidLoad()
{
   mapVw.delegate = self
 pointAnnotation.coordinate = CLLocationCoordinate2D(latitude: yourLatitude, longitude:yourLongitude)
 mapVw.addAnnotation(pointAnnotation)

}

// MARK:- MapView Delegate


func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView?
{
    if annotation is MKUserLocation
    {
        return nil;
    }else{
        let pinIdent = "Pin";
        var pinView: MKAnnotationView?
        if let dequeuedView = mapView.dequeueReusableAnnotationView(withIdentifier: pinIdent)
        {
            dequeuedView.annotation = annotation;
            pinView = dequeuedView;
        }
        else
        {
            pinView = MKAnnotationView(annotation: annotation, reuseIdentifier: pinIdent);
            pinView?.image = UIImage(named: "yourImage")

        }


        return pinView;
    }
}

This is the worst formatted code I have ever seen – J. Doe Feb 11 '22 at 07:25 — J. Doe, Feb 11 '22 at 07:25

score 0 · Answer 4 · edited Apr 21 '23 at 10:49

0

func mapView(mapView: MKMapView, viewForAnnotation annotation: MKAnnotation) -> MKAnnotationView? {

    let identifier = "MyPin"

    if annotation.isKindOfClass(MKUserLocation) {
        return nil
    }

    let detailButton: UIButton = UIButton(type: UIButtonType.DetailDisclosure)

    if let annotationView = mapView.dequeueReusableAnnotationViewWithIdentifier(identifier) {
        annotationView = MKAnnotationView(annotation: annotation, reuseIdentifier: "pin")
        annotationView.canShowCallout = true
        annotationView.image = UIImage(named: "custom_pin.png")
        annotationView.rightCalloutAccessoryView = detailButton
    }
    else {
        annotationView.annotation = annotation
    }

    return annotationView
}

edited Apr 21 '23 at 10:49

pkamb

33,281
23
160
191

answered May 09 '17 at 21:16

Dhaval Prajapati

43
6

This is Swift 2.3, and generally people are writing Swift 3 code nowadays. Also, your `annotationView` variable needs to be defined outside of the scope of the `if` statement. And you want to use the same identifier when creating the annotation view as you did when you create it. And the logic regarding creating the annotation view is backwards (only if dequeue failed should you be instantiating a new annotation view). – Rob May 09 '17 at 22:41
Thanks, It was really helpful. :) – Dhaval Prajapati Jun 09 '17 at 09:49

score 0 · Answer 5 · edited Apr 21 '23 at 10:50

use this method:

optional func mapView(_ mapView: MKMapView, 
           didAdd views: [MKAnnotationView])

works fine for me. (My environment: Xcode 9.4.1 and iOS 11.4.1)

Example:

func mapView(_ mapView: MKMapView,
             didAdd views: [MKAnnotationView])
{
    //views[0] = just added MKAnnotationView
    let pic = UIImage(named: "abc.jpg")
    
    views[0].image = pic
    views[0].layer.cornerRadius = (views[0].frame.size.width) / 2
    views[0].clipsToBounds = true
    
    print("fafafjejowfjpeawijoefaw")
}

score 0 · Answer 6 · edited Apr 21 '23 at 10:50

0

I added it in this way:

func mapView(_ mapView: MKMapView, didAdd views: [MKAnnotationView]) {
  let sourceView = views.first
  sourceView?.image = UIImage(named: "Bus")
  let destinationView = views.last
  destinationView?.image = UIImage(named: "Home")
}

edited Apr 21 '23 at 10:50

pkamb

33,281
23
160
191

answered Jun 13 '19 at 11:54

Sivasagar Palakurthy

1

Swift 3 - MKPointAnnotation custom Image

6 Answers6