Skip to content
iOS: Drawing curvy routes with MapKit
Swift Ruby
Branch: develop
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
Configs
CurvyRoute.xcodeproj
Sources
Tests/curvyRouteTests
curvyRouteSample
docs
.gitignore
.swiftformat
.swiftlint.yml
CurvyRoute.podspec
LICENSE
README.md

README.md

PRs Welcome Version iOS 8.0+

🗺 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:

CocoaPods

Add curvyRoute specs to your Podfile:

pod 'curvyRoute'

Add curvyRoute as dependency in the podspec of the module that contains the strings files:

s.dependency 'curvyRoute'

Note: If your app is not modularized, simply add pod 'curvyRoute' to your Podfile too.

👉🏼 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.

You can’t perform that action at this time.