Coding custom multi-color map dots for the Transit App

Sam Vermette of The Transit App wanted multi-colored versions of the little pulsating blue dot Apple uses to show your current location in maps, and Apple doesn't expose a public way to do that. So, he had to rebuild it from scratch. Or, in more technical terms, according to Vermette's blog:

Working on Transit’s next big release, we came across the need to be able to give MKUserLocationView (a.k.a. that pulsing blue dot indicating the user’s location) a custom color. Problem is, that annotation view is private, undocumented and, more importantly, made up of resource artworks, making it very rigid to any kind of visual customization. This called for yet another exciting journey of replicating a stock UI element.

Vermette details the process he went through, and the results he managed to achieve. It's a fascinating read not only for developers or designers working on custom controls, but for anyone interested in just what goes in to making even the smallest interface elements delightful.


Have something to say about this story? Leave a comment! Need help with something else? Ask in our forums!

Rene Ritchie

EiC of iMore, EP of Mobile Nations, Apple analyst, co-host of Debug, Iterate, Vector, Review, and MacBreak Weekly podcasts. Cook, grappler, photon wrangler. Follow him on Twitter and Google+.

More Posts



← Previously

How to use FaceTime for iPhone and iPad: The Ultimate Guide

Next up →

Steve Jobs' 2007 iPhone prank still gets local Starbucks orders for 4,000 lattes

Reader comments

Coding custom multi-color map dots for the Transit App