在Swift中为MKA注释自定义标注视图

Question

I need a completely customizable callout for for MKAnnotation . I have subclassed MKAnnotationView and an UIView . My code:

class CustomAnnotationView: MKAnnotationView {

    class var reuseIdentifier:String {
        return "CustomAnnotationView"
    }

    private var calloutView:MapPinCallOut?
    private var hitOutside:Bool = true

    var preventDeselection:Bool {
        return !hitOutside
    }


    convenience init(annotation:MKAnnotation!) {
        self.init(annotation: annotation, reuseIdentifier: CustomAnnotationView.reuseIdentifier)
        //false?
        canShowCallout = true;
    }

    override func setSelected(selected: Bool, animated: Bool) {
        let calloutViewAdded = calloutView?.superview != nil

        if (selected || !selected && hitOutside) {
            super.setSelected(selected, animated: animated)
        }

        self.superview?.bringSubviewToFront(self)

        if (calloutView == nil) {
            calloutView = MapPinCallOut()
        }

        if (self.selected && !calloutViewAdded) {
            addSubview(calloutView!)
        }

        if (!self.selected) {
            calloutView?.removeFromSuperview()
        }
    }

    override func hitTest(point: CGPoint, withEvent event: UIEvent?) -> UIView? {
        var hitView = super.hitTest(point, withEvent: event)

        if let callout = calloutView {

            if (hitView == nil && self.selected) {
                hitView = callout.hitTest(point, withEvent: event)
            }
        }

        hitOutside = hitView == nil
        return hitView;
    }
}

Here is my UIView :

class MapPinCallOut: UIView {
override func hitTest(var point: CGPoint, withEvent event: UIEvent?) -> UIView? {
    let viewPoint = superview?.convertPoint(point, toView: self) ?? point

    let isInsideView = pointInside(viewPoint, withEvent: event)

    var view = super.hitTest(viewPoint, withEvent: event)

    return view
}

override func pointInside(point: CGPoint, withEvent event: UIEvent?) -> Bool {
    return CGRectContainsPoint(bounds, point)
}
}

I have also created a nib file and changed the file's owner to " MapPinCallOut " Then in my viewDidLoad of my viewController , I am adding a pin like this:

let location = CLLocationCoordinate2D(
        latitude: 25.0336,
        longitude: 121.5650
    )
    let span = MKCoordinateSpanMake(0.05, 0.05)
    let region = MKCoordinateRegion(center: location, span: span)
    mapView.setRegion(region, animated: true)
    let string = "title"

  let annotation = CustomAnnotation(location: location, title: string, subtitle: string)

    mapView.addAnnotation(annotation)

and then in my viewForAnnotation function:

    var pinView: CustomAnnotationView = CustomAnnotationView()
    pinView.annotation = annotation
    pinView.canShowCallout = true
    return pinView

After all that, I ran my code and when I select the annotation, the callout does appear but it is still the standard annotation. What am I missing to create my own custom callout view?

Answer 1

Set pinView.canShowCallout to false in your viewForAnnotation . That may help you out.