title: Trying to change agm direction waypoints marker's icon ONLY
body: <p>I developing a project where I am using <code>&lt;agm-direction&gt;</code> from angular google map api. Actually I want to display a direction which has an origin, a destination and between those some waypoints/stepover. Please find my object below:</p>
  <pre><code>  public directions: Array&lt;any&gt; = [
      {
        task_label:'DHL0001',
        origin: 'Beau-bassin Rose-Hill Mauritius',
        destination: 'Flic en flac, police station Mauritius',
        waypoints:[
          {
            location: 'Quatre Bornes, Police station'
          }
        ],
        visible: true,
        render_options: 
          {
            suppressMarkers: true,
            draggable: true,
            polylineOptions: { 
              strokeColor: '#cc33ff', 
              strokeOpacity :1,
              strokeWeight: 5,
              zIndex: 1,
              geodesic: false,
              clickable: true,
              editable: false,
             } 
          },
        marker_options:
          {
            origin: {
              icon: 'https://www.shareicon.net/data/32x32/2016/04/28/756617_face_512x512.png',
              draggable: true,
              infoWindow: `&lt;h4&gt;Test&lt;/h4&gt;`,
              label: {
                text: 'Something',
                fontWeight: 'bold',
              }
            },
            destination: {
              icon: 'https://www.shareicon.net/data/32x32/2016/04/28/756626_face_512x512.png',
              label: 'MARKER LABEL',
              opacity: 0.8,
          }
          }
      }
    ]
  </code></pre>
  <p>And below this is the angular html code:</p>
  <pre><code>        &lt;agm-map [zoom]=&quot;zoom&quot; [latitude]=&quot;lat&quot; [longitude]=&quot;lng&quot;&gt;
              &lt;agm-direction *ngFor=&quot;let direction of directions; let i = index&quot;
              [origin]=&quot;direction.origin&quot;
              [destination]=&quot;direction.destination&quot;
              [renderOptions]=&quot;direction.render_options&quot;
              [markerOptions]=&quot;direction.marker_options&quot;
              [waypoints]=&quot;direction.waypoints&quot;
              [visible]=&quot;direction.visible&quot;
              (onChange)=&quot;change($event,i)&quot;
              &gt;&lt;/agm-direction&gt;
            &lt;/agm-map&gt;
  </code></pre>
  <p>Everything is fine except that the waypoints marker is having the destination marker's icon and the destination marker does <strong>NOT</strong> have any icon. Please find the result <a href="https://i.stack.imgur.com/1tK5V.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1tK5V.png" alt="here" /></a></p>
  <p>I would like to have three different icon for the origin, destination and waypoints more further I would like to save the new draggable waypoint. Can someone help me please?</p>