title: Gradient line in SVG for Google map path
body: <p>I am interpreting GPS location data in google map, here i would like create a path with gradient which starts with red and ends with  orange</p>
  
  <p><a href="https://developers.google.com/maps/documentation/javascript/examples/polyline-simple" rel="noreferrer">this</a> tutorial  has only a straight single color line as path </p>
  
  <p>following code is responsible for path in gmap</p>
  
  <pre><code>var flightPath = new google.maps.Polyline({
   path: flightPlanCoordinates,
   geodesic: true,
   strokeColor: '#FF0000',
   strokeOpacity: 1.0,
   strokeWeight: 2
  });
  </code></pre>
  
  <p>How can i change this to Gradient ?</p>