Renders MKPolyline with a fancy multicoloured gradient fill similar to the Nike + Running App. A drop in replacement for MKPolylineRenderer, supports multiple colour stops and an optional border.
- Add GradientPathRenderer.swift to your project
- Inside
rendererForOverlaydelegate method, use GradientPathRenderer as you would an MKPolyLineRenderer
func mapView(mapView: MKMapView, rendererForOverlay overlay: MKOverlay) -> MKOverlayRenderer {
if let overlay = overlay as? MKPolyline {
/// define a list of colors you want in your gradient
let gradientColors = [UIColor.green, UIColor.blue, UIColor.yellow, UIColor.red]
/// Initialise a GradientPathRenderer with the colors
let polylineRenderer = GradientPathRenderer(polyline: overlay, colors: gradientColors)
/// set a linewidth
polylineRenderer.lineWidth = 7
return polylineRenderer
}
}- Optionally include
borderandborderColorvariables to render a border on the polyline
polylineRenderer.border = true
polylineRenderer.borderColor = UIColor.red /* defaults to white if not specified*/