Animated Routes with MKMapView

Creating delightful, animated routes for your user’s journey

Idan Boadana
Apr 11 · 4 min read
Gett together route

What you’ll end up with

A polyline animated on top of a Map View

The problem?

Applying a Polyline

Creating a Polyline from an array of Coordinates
Basic polyline rendering of MKMapView
mapView.addOverlay(polyline)
An MKPolyline rendered on an MKMapView.

׳Animating your Polyline

Simplistic example of polyline segmentation in an accumulating manner.
Route animation method signature
Add a Drawing Timer for the Polyline segments
Final method

Did we squash that bug? 🐛


Wrapping up

Gett Engineering

Code, stories, tips, thoughts, experimentations from the day-to-day work of our R&D team.

Idan Boadana

Written by

Gett Engineering

Code, stories, tips, thoughts, experimentations from the day-to-day work of our R&D team.