Leaflet Try It Now Routing Narrative

var map,
                    dir;

map = L.map('map', {
                    layers: MQ.mapLayer(),
                    center: [ 40.045049, -105.961737 ],
                    zoom: 9
                });

dir = MQ.routing.directions()
                    .on('success', function(data) {
                        var legs = data.route.legs,
                            html = '',
                            maneuvers,
                            i;

if (legs && legs.length) {
                            maneuvers = legs[0].maneuvers;

for (i=0; i<maneuvers.length; i++) {
                                html += (i+1) + '. ';
                                html += maneuvers[i].narrative + '<br/>';
                            }

L.DomUtil.get('route-narrative').innerHTML = html;
                        }
                    });

dir.route({
                    locations: [
                        '80217',
                        'steamboat springs co'
                    ]
                });

map.addLayer(MQ.routing.routeLayer({
                    directions: dir,
                    fitBounds: true
                }));
            }
        </script>
    </head>

Routing with Narratives