seatcode / curvyRoute

iOS: Drawing curvy routes with MapKit

🗺 curvyRoute

An easy way to draw a curvy line between two points on a map.

🏆 Features

• Display a curve on a map
• Display a straight line on a map
• Customise the radius multiplier

📝 Requirements

• iOS 8.0+
• Swift 4.2+

🛠 Installation

There are several methods to install curvyRoute:

• Via CocoaPods
• Download the ZIP for the latest release

CocoaPods

Add curvyRoute specs to your Podfile:

pod 'curvyRoute'

👉🏼 Example

import MapKit
import UIKit
import curvyRoute

class ViewController: UIViewController, MKMapViewDelegate {
    @IBOutlet weak var mapView: MKMapView!

    override func viewDidAppear(_: Bool) {
        mapView.delegate = self
        addOverlays()
    }

    func mapView(_: MKMapView, rendererFor overlay: MKOverlay) -> MKOverlayRenderer {
        if let lineOverlay = overlay as? LineOverlay {
            return MapLineOverlayRenderer(lineOverlay)
        }
        return MKOverlayRenderer(overlay: overlay)
    }

    private func addOverlays() {
		let pointA = CLLocationCoordinate2DMake(41.375024, 2.149118) // Plaça d'Espanya, Barcelona
		let pointB = CLLocationCoordinate2DMake(41.380994, 2.185771) // Plaça Pau Vila, 1, Barcelona
        mapView.addOverlay(LineOverlay(origin: pointA, destination: pointB))
        let arc = ArcOverlay(origin: pointA, destination: pointB,
                             style: LineOverlayStyle(strokeColor: .systemTeal, lineWidth: 4, alpha: 1))
        arc.radiusMultiplier = 0.5
        mapView.addOverlay(arc)
    }
}

🤔 What is radiusMultiplier ?

This property will influence the shape of the arc. The default value is 1.

👨‍💻 Todo

• Animate the polyline
• ...

📖 License

curvyRoute is released under the MIT license. See LICENSE for details.