How to set custom pin image in Mapview swift ios?

Question

@IBOutlet weak var map: MKMapView!
override func viewDidLoad() {
    map.delegate = self
    showAlarms()
    super.viewDidLoad()

    // Do any additional setup after loading the view.
}

func showAlarms(){

    map.region.center.latitude = 10.733051
    map.region.center.longitude = 76.763042
    map.region.span.latitudeDelta = 1
    map.region.span.longitudeDelta = 1


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

    if annotation is MKUserLocation {
        //return nil so map view draws "blue dot" for standard user location
        return nil
    }

    let reuseId = "pin"
    var pinView = mapView.dequeueReusableAnnotationView(withIdentifier: reuseId) as? MKPinAnnotationView
    if pinView == nil {
        pinView = MKPinAnnotationView(annotation: annotation, reuseIdentifier: reuseId)
        pinView!.canShowCallout = true
        //pinView!.animatesDrop = true
        pinView!.image = UIImage(named:"annotation")!

    }
    else {
        pinView!.annotation = annotation
    }

    return pinView
}

I need to show to a custom pin image for my mapview in swift ios. The custom image is not loading neither the pin. I have an image named "annotation" which I need to load in my mapview.

Answer 1

  mapview.delegate = self

    func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
guard !(annotation is MKUserLocation) else {
    return nil
}

 let annotationIdentifier = "Identifier"
 var annotationView: MKAnnotationView?
 if let dequeuedAnnotationView = mapView.dequeueReusableAnnotationView(withIdentifier: annotationIdentifier) {
    annotationView = dequeuedAnnotationView
    annotationView?.annotation = annotation
}
else {
    annotationView = MKAnnotationView(annotation: annotation, reuseIdentifier: annotationIdentifier)
    annotationView?.rightCalloutAccessoryView = UIButton(type: .detailDisclosure)
}

 if let annotationView = annotationView {

    annotationView.canShowCallout = true
    annotationView.image = UIImage(named: "yourImagename”)
}
  return annotationView
}

Answer 2

You can also create your custom MKAnnotationView and set the image inside:

class myCustomAnnotationView : MKAnnotationView {

    override var annotation: MKAnnotation? {
    willSet {
        guard let annotation = newValue else {return}
        switch annotation {
        case is myCustomMKAnnotation:
            self.canShowCallout = true 
            self.image = #yourimage
            self.centerOffset = CGPoint(x: 0, y: -self.image!.size.height / 2)
            break
        default:
            return
        }
        self.setAnimationLayer()
    }
}

And then all you need to do it:

func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? { return nil }
    guard !(annotation is MKUserLocation) else {


    let annotationIdentifier = "Identifier"
    if let myAnnotation = annotation as? myCustomMKAnnotation {
        let annotation = myCustomAnnotationView(annotation: siteAnnotation, reuseIdentifier: annotationIdentifier)
        return annotation
    }
    return nil
}

I think it looks cleaner like that