Leaflet Try It Now Routing Customization

var map,
                    dir;

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

dir = MQ.routing.directions();

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

CustomRouteLayer = MQ.Routing.RouteLayer.extend({
                    createStopMarker: function(location, stopNumber) {
                        var custom_icon,
                            marker;

custom_icon = L.icon({
                            iconUrl: 'https://www.mapquestapi.com/staticmap/geticon?uri=poi-red_1.png',
                            iconSize: [20, 29],
                            iconAnchor: [10, 29],
                            popupAnchor: [0, -29]
                        });

marker = L.marker(location.latLng, { icon: custom_icon, draggable: this.options.draggable })
                            .bindPopup(location.adminArea5 + ' ' + location.adminArea3)
                            .openPopup()
                            .addTo(map);

return marker;
                    }
                });

map.addLayer(new CustomRouteLayer({
                    directions: dir,
                    fitBounds: true,
                    draggable: false,
                    ribbonOptions: {
                        ribbonDisplay: { color: '#CC0000', opacity: 0.3 },
                        widths: [ 15, 15, 15, 15, 14, 13, 12, 12, 12, 11, 11, 11, 11, 12, 13, 14, 15 ]
                    }
                }));
            }
        </script>
    </head>

Route Customization with Clickable POI's