Question

I’d like to create an MKAnnotation that looks exactly the same as the default, the only difference being that there will be an icon just to the left of the title.

Any advice here or code that will create this with an identical look and feel to the original?

Thanks

Answer 1

I’m assuming that, by “title”, you are referring to the callout of the annotation view, and by “icon” you mean the annotation view’s image. (If I misunderstood your question, could you explain a little more what you mean by “icon” and “title”?)

You can move the callout position with respect to the position of the annotation view’s image, as explained in the documentation for MKAnnotationView:

calloutOffset The offset (in pixels) at which to place the callout bubble.

@property (nonatomic) CGPoint calloutOffset

Discussion

This property
determines the additional distance by which to move the callout
bubble. When this property is set to (0, 0), the anchor point of the
callout bubble is placed on the top-center point of the annotation
view’s frame. Specifying positive offset values moves the callout
bubble down and to the right, while specifying negative values moves
it up and to the left.

You can also change the position of the image, and the documentation explains that too. However, the callout position is always set relative to the top-center point of the annotation view.s image.

It’s a good idea to think of the “annotation view” as an instance of a class that has several properties and behaviors. The image can be a map pin, for example. The callout is also commonly called the information bubble, but formally, it’s called the callout. I think the documentation is a little sloppy by using “annotation view” and “image” interchangeably. (In the reference to the annotation view’s frame.)