Ndtyjky

For navigation feature in my app, I am using Mapbox SDK. Following is a snippet that I am using.

func showNavigationMap() {



    let origin = Waypoint(coordinate: currentLocation.coordinate, name: "Your Location")



    guard pickUpCoordinate != nil, dropOffCoordinate != nil else {

        showAlertMessage("Locations not generated")

        return

    }



    let pickUpLocation = Waypoint(coordinate: pickUpCoordinate, name: "Pickup Location")

    let deliveryLocation = Waypoint(coordinate: dropOffCoordinate, name: "Delivery Location")



    let options = NavigationRouteOptions(waypoints: [origin, pickUpLocation, deliveryLocation])



    Directions.shared.calculate(options) { (waypoints, routes, error) in

        guard let route = routes?.first else {

            self.showAlertMessage("No possible routes detected")

            return

        }



        self.mapNavigationViewController = NavigationViewController(for: route)



        self.mapNavigationViewController.delegate = self



        self.present(self.mapNavigationViewController, animated: true, completion: {

            print("Navigation shown")   

        })

    }

}

The sample screen is as shown below.

The first stop location is indicated as "1". I would like this location to be represented by some custom marker image. I have tried the mapbox documentation (https://www.mapbox.com/ios-sdk/navigation/examples/custom-destination-marker/). However, I could change the destination marker only. Is it possible to change the marker for the desired location?

Here is the workaround, I have tested it and it works.

extension NavigationManager: NavigationViewControllerDelegate {



  public func navigationViewController(_ navigationViewController: NavigationViewController, waypointStyleLayerWithIdentifier identifier: String, source: MGLSource) -> MGLStyleLayer? {

    let waypointStyleLayer = MGLCircleStyleLayer(identifier: identifier, source: source)



    // Way to custom waypoint style

    //waypointStyleLayer.circleColor = NSExpression(forConstantValue: UIColor.yellow)

    //waypointStyleLayer.circleRadius = NSExpression(forConstantValue: 12)

    //waypointStyleLayer.circleStrokeColor = NSExpression(forConstantValue: UIColor.black)

    //waypointStyleLayer.circleStrokeWidth = NSExpression(forConstantValue: 2)



    // Hides waypoint

    waypointStyleLayer.circleOpacity = NSExpression(forConstantValue: 0)

    waypointStyleLayer.circleStrokeOpacity = NSExpression(forConstantValue: 0)



    return waypointStyleLayer

  }



  public func navigationViewController(_ navigationViewController: NavigationViewController, waypointSymbolStyleLayerWithIdentifier identifier: String, source: MGLSource) -> MGLStyleLayer? {

    let waypointSymbolStyleLayer = MGLSymbolStyleLayer(identifier: identifier, source: source)



    // Way to custom waypoint symbol

    //waypointSymbolStyleLayer.text = NSExpression(forKeyPath: "title")

    //waypointSymbolStyleLayer.textColor = NSExpression(forConstantValue: UIColor.white)



    return waypointSymbolStyleLayer

  }



}

Reference:
https://github.com/mapbox/mapbox-navigation-ios/issues/1893