title: Google maps DirectionsRenderer
body: <p>I'm looking to change the marker icons of the google map, while creating a path using DirectionsRenderer. Trying to do that, i followed following steps.</p>
  
  <ul>
  <li>created two icons for the start point and the end point.</li>
  <li>in rendererOptions set suppressMarkers: false</li>
  <li>then placed those two marker to the start point and the end point of the path</li>
  </ul>
  
  <p>So now I have my customary created icons at the two ends.</p>
  
  <p>But my requirement is these markers should be draggable. so i set the <strong>draggable: true</strong> and now its working fine. </p>
  
  <p>But now my problem is while dragging the icon, the path should be changed dynamically, which should be similar to that of 
  <a href="https://google-developers.appspot.com/maps/documentation/javascript/examples/directions-draggable" rel="nofollow">https://google-developers.appspot.com/maps/documentation/javascript/examples/directions-draggable</a></p>
  
  <p>I tried to do this by adding listeners to those two markers : "drag" event - and while dragging a marker, draw the path at the same time. But the result I'm getting is not similar to the "directions-draggable" example. In facts, although i can render paths, previously drawn paths still exist on the map. But clearing all the paths exist on the map and then re-draw all is not my requirement.</p>
  
  <p>So is there a way to get the same result/effect like the "directions-draggable" while changing the marker icons.</p>
  
  <p>thanks in advance...</p>