Issue with Congestion Data depiction on Map

[santu1990]

Hello Team, Is there any special template for style for NavigationMap? Here I have style.json. I am trying to draw route navigation but I am facing the following issues.

• Congestion color not depicted, congestion data is being passed.
• Not able to change or remove the default route color, it always shows blue.
• Route drawing ends some distance before where as PUNK ends at the correct location.
• I am sharing style JSON and Map config and navigation code snippet, Please suggest what am I missing.

My Style JSON:

{
    "version": 8,
    "name": "HERE Map Style with Traffic",
    "center": [-74.0060, 40.7128],
    "zoom": 12,
    "minzoom": 2,
    "maxzoom": 20,
    "bearing": 0,
    "pitch": 0,
    "sources": {
        "here-maps": {
            "type": "raster",
            "tiles": [
                "[https://maps.hereapi.com/v3/base/mc/{z}/{x}/{y}/png8?style=explore.day&apiKey=API_KEY](https://maps.hereapi.com/v3/base/mc/%7Bz%7D/%7Bx%7D/%7By%7D/png8?style=explore.day&apiKey=API_KEY)"
            ],
            "tileSize": 256
        },
        "route-source": {
            "type": "geojson",
            "data": {}
        }
    },
    "sprite": null,
    "glyphs": null,
    "layers": [
        {
            "id": "background",
            "type": "background",
            "paint": {"background-color": "#e0e0e0"}
        },
        {
            "id": "here-raster",
            "type": "raster",
            "source": "here-maps",
            "minzoom": 0,
            "maxzoom": 20
        },
        {
            "id": "route-layer",
            "type": "line",
            "source": "route-source",
            "paint": {
                "line-color": [
                    "match",
                    ["get", "congestion"],
                    "low", "#2ECC71",
                    "moderate", "#F1C40F",
                    "heavy", "#E67E22",
                    "severe", "#E74C3C",
                    "#E67E22"
                ],
                "line-width": 8
            }
        },
        {
            "id": "navigation-route-layer",
            "type": "line",
            "source": "route-source",
            "layout": {
                "line-join": "round",
                "line-cap": "round"
            },
            "paint": {
                "line-width": 6,
                "line-color": [
                    "match",
                    ["get", "traffic"],
                    "heavy", "#FF0000",
                    "moderate", "#FFFF00",
                    "light", "#0000FF",
                    "#3b9ddd"
                ]
            }
        }
    ],
    "metadata": {
        "mapbox:type": "template",
        "description": "MapLibre style using HERE Maps tiles with a navigation route layer visualizing traffic conditions."
    }
}

#Config:

var daystyleURL = URL(string: "URL")!
var darkStyleURL = URL(string: "URL")!
let dayStyle = DayStyle(mapStyleURL: daystyleURL)
let nightStyle = NightStyle(mapStyleURL: darkStyleURL)
self.viewController = NavigationViewController(dayStyle: dayStyle, nightStyle: nightStyle)
self.viewController.mapView.tracksUserCourse = false
self.viewController.mapView.showsUserLocation = true

**Navigation Code:**
private func startNavigationWithRouteData(response: RouteResponse) {
       guard let routeData = response.routeData else {
           print(":x: RouteResponse is missing routeData!")
           return
       }
       // :white_check_mark: Extract waypoints
       let waypts: [Waypoint] = (routeData.waypoints ?? []).compactMap { waypoint in
           guard let loc = waypoint.location, loc.count == 2 else { return nil }
           return Waypoint(coordinate: CLLocationCoordinate2D(latitude: loc[0], longitude: loc[1]), name: waypoint.name)
       }
       let routeOptions = NavigationRouteOptions(waypoints: waypts, profileIdentifier: .automobileAvoidingTraffic)
       routeOptions.shapeFormat = .polyline
       routeOptions.distanceMeasurementSystem = .metric
       routeOptions.attributeOptions = [.congestionLevel, .distance, .expectedTravelTime, .speed]
       routeOptions.includesSteps = true
       guard let routeObj = routeData.routes?.first else {
           print(":x: No valid route found!")
           return
       }
       // :white_check_mark: Extract congestion data
       let congestionLevels = routeObj.legs?.first?.annotation?.congestion ?? []
       print(":vertical_traffic_light: Extracted congestion levels: \(congestionLevels)")
       guard let routeJson = routeToDictionary(route: routeObj) else {
           print(":x: Route JSON conversion failed!")
           return
       }
       let route = Route(json: routeJson, waypoints: waypts, options: routeOptions)
       self.route = route
#if targetEnvironment(simulator)
       let simulatedLocationManager = SimulatedLocationManager(route: route)
       simulatedLocationManager.speedMultiplier = 2
       self.viewController.startNavigation(with: route, animated: true, locationManager: simulatedLocationManager)
#else
       self.isNavigating = true
       self.locationManager.startUpdatingLocation()
       self.viewController.startNavigation(with: route, animated: true, locationManager: self.locationManager)
#endif
   }