custom-waypoint-styling

1import UIKit
2import NbmapNavigation
3import NbmapCoreNavigation
4import NbmapDirections
5import Nbmap
6
7class CustomWaypointStylingViewController: UIViewController {
8  
9   var navigationMapView: NavigationMapView? {
10       didSet {
11           oldValue?.removeFromSuperview()
12           if let navigationMapView = navigationMapView {
13               view.insertSubview(navigationMapView, at: 0)
14           }
15       }
16   }
17  
18   var routes : [Route]? {
19       didSet {
20           if oldValue != nil || routes == nil || routes?.first == nil {
21               navigationMapView?.removeRoutes()
22               navigationMapView?.removeRouteDurationSymbol()
23               if let annotation = navigationMapView?.annotations?.last {
24                   navigationMapView?.removeAnnotation(annotation)
25               }
26               return
27           }
28          
29           guard let routes = routes,
30                 let current = routes.first
31           else {
32               return
33           }
34          
35           navigationMapView?.showRoutes(routes)
36           navigationMapView?.showWaypoints(current)
37           navigationMapView?.showRouteDurationSymbol(routes)
38       }
39   }
40  
41   private let startButton = UIButton()
42  
43   override func viewDidLoad() {
44       super.viewDidLoad()
45      
46       self.navigationMapView = NavigationMapView(frame: view.bounds)
47      
48       navigationMapView?.userTrackingMode = .follow
49       navigationMapView?.navigationMapDelegate = self
50       setupStartButton()
51       requestRoutes()
52      
53   }
54  
55   func setupStartButton() {
56       startButton.setTitle("Start", for: .normal)
57       startButton.layer.cornerRadius = 5
58       startButton.contentEdgeInsets = UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5)
59       startButton.backgroundColor = .blue
60      
61       startButton.addTarget(self, action: #selector(performAction), for: .touchUpInside)
62       view.addSubview(startButton)
63       startButton.translatesAutoresizingMaskIntoConstraints = false
64       startButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -50).isActive = true
65       startButton.centerXAnchor.constraint(equalTo: view.safeAreaLayoutGuide.centerXAnchor).isActive = true
66       startButton.titleLabel?.font = UIFont.systemFont(ofSize: 25)
67   }
68  
69   @objc func performAction(_ sender: Any) {
70       guard let routes = self.routes else {
71           return
72       }
73       let navigationService = NBNavigationService(routes: routes, routeIndex: 0)
74       let styles = [DayStyle(), NightStyle()]
75       let navigationOptions = NavigationOptions(styles:styles,navigationService: navigationService)
76      
77       let navigationViewController = NavigationViewController(for: routes,navigationOptions: navigationOptions)
78       navigationViewController.modalPresentationStyle = .fullScreen
79      
80       navigationViewController.delegate = self
81      
82       present(navigationViewController, animated: true, completion: nil)
83   }
84  
85   func requestRoutes(){
86       let origin = CLLocation(latitude: 37.775252, longitude: -122.416082)
87       let firstWaypoint = CLLocation(latitude: 37.779196, longitude: -122.410833)
88       let secondWaypoint = CLLocation(latitude: 37.777342, longitude: -122.404094)
89      
90       let options = NavigationRouteOptions(locations: [origin,firstWaypoint,secondWaypoint])
91       Directions.shared.calculate(options) { [weak self] routes, error in
92           guard let weakSelf = self else {
93               return
94           }
95           guard error == nil else {
96               print(error!)
97               return
98           }
99          
100           guard let routes = routes else { return }
101           weakSelf.routes = routes
102       }
103   }
104  
105  
106   func customShape(for waypoints: [Waypoint], legIndex: Int) -> NGLShape? {
107       var features = [NGLPointFeature]()
108      
109       for (waypointIndex, waypoint) in waypoints.enumerated() {
110           let feature = NGLPointFeature()
111           feature.coordinate = waypoint.coordinate
112           feature.attributes = [
113               "waypointCompleted": waypointIndex < legIndex,
114               "name": waypointIndex + 1
115           ]
116           features.append(feature)
117       }
118      
119       return NGLShapeCollectionFeature(shapes: features)
120   }
121  
122   func customWaypointCircleStyleLayer(identifier: String, source: NGLSource) -> NGLStyleLayer {
123       let circles = NGLCircleStyleLayer(identifier: identifier, source: source)
124       let opacity = NSExpression(forConditional: NSPredicate(format: "waypointCompleted == true"), trueExpression: NSExpression(forConstantValue: 0.5), falseExpression: NSExpression(forConstantValue: 1))
125      
126       circles.circleColor = NSExpression(forConstantValue: UIColor(red:0.9, green:0.9, blue:0.9, alpha:1.0))
127       circles.circleOpacity = opacity
128       circles.circleRadius = NSExpression(forConstantValue: 10)
129       circles.circleStrokeColor = NSExpression(forConstantValue: UIColor.green)
130       circles.circleStrokeWidth = NSExpression(forConstantValue: 1)
131       circles.circleStrokeOpacity = opacity
132      
133       return circles
134   }
135  
136   func customWaypointSymbolStyleLayer(identifier: String, source: NGLSource) -> NGLStyleLayer {
137       let symbol = NGLSymbolStyleLayer(identifier: identifier, source: source)
138      
139       symbol.text = NSExpression(format: "CAST(name, 'NSString')")
140       symbol.textOpacity = NSExpression(forConditional: NSPredicate(format: "waypointCompleted == true"), trueExpression: NSExpression(forConstantValue: 0.5), falseExpression: NSExpression(forConstantValue: 1))
141       symbol.textFontSize = NSExpression(forConstantValue: 10)
142       symbol.textHaloWidth = NSExpression(forConstantValue: 0.25)
143       symbol.textHaloColor = NSExpression(forConstantValue: UIColor.blue)
144      
145       return symbol
146   }
147  
148}
149
150extension CustomWaypointStylingViewController: NavigationMapViewDelegate {
151  
152   func navigationMapView(_ mapView: NavigationMapView, waypointStyleLayerWithIdentifier identifier: String, source: NGLSource) -> NGLStyleLayer? {
153       return customWaypointCircleStyleLayer(identifier: identifier, source: source)
154   }
155  
156   func navigationMapView(_ mapView: NavigationMapView, waypointSymbolStyleLayerWithIdentifier identifier: String, source: NGLSource) -> NGLStyleLayer? {
157       return customWaypointSymbolStyleLayer(identifier: identifier, source: source)
158   }
159  
160   func navigationMapView(_ mapView: NavigationMapView, shapeFor waypoints: [Waypoint], legIndex: Int) -> NGLShape? {
161       return customShape(for: waypoints, legIndex: legIndex)
162   }
163}
164
165extension CustomWaypointStylingViewController: NavigationViewControllerDelegate {
166   func navigationViewController(_ navigationViewController: NavigationViewController, waypointStyleLayerWithIdentifier identifier: String, source: NGLSource) -> NGLStyleLayer? {
167       return customWaypointCircleStyleLayer(identifier: identifier, source: source)
168   }
169  
170   func navigationViewController(_ navigationViewController: NavigationViewController, waypointSymbolStyleLayerWithIdentifier identifier: String, source: NGLSource) -> NGLStyleLayer? {
171       return customWaypointSymbolStyleLayer(identifier: identifier, source: source)
172   }
173  
174   func navigationViewController(_ navigationViewController: NavigationViewController, shapeFor waypoints: [Waypoint], legIndex: Int) -> NGLShape? {
175       return customShape(for: waypoints, legIndex: legIndex)
176   }
177  
178}