How to draw colored transit bus route line on google map with angularjs directives?



I want to draw out a colored route line for a bus’s route by using the AngularJS directives google maps API (angularjs-google-maps directives). I get the following detailed XML data from the transit organization that is specific to a particular bus route. How do I use this to show the route in color on the map? Do you use polylines or waypoints? And how do I get the route to show without it having vertices – it should be smooth. I will figure out how to parse the XML data. Any help would be greatly appreciated.

here is a sample XML “route patterns response” (as the transit org calls it) from the transit API.

<?xml version=”1.0”?>
        <rtdir>East Bound</rtdir>
            <stpnm>Madison & Pulaski</stpnm>
....(and so on)

link to the transit org’s truetime API documentation:

Thank you for your help.indent preformatted text by 4 spaces