仅尝试更改agm方向航点标记的图标

如何解决仅尝试更改agm方向航点标记的图标

我正在开发一个项目，其中我正在使用来自角度Google Map API的<agm-direction>。实际上，我想显示一个具有起点，终点以及这些航路点/越界之间的方向。请在下面找到我的对象

  public directions: Array<any> = [
    {
      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',infoWindow: `<h4>Test</h4>`,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,}
        }
    }
  ]

下面是有角度的HTML代码：

        <agm-map [zoom]="zoom" [latitude]="lat" [longitude]="lng">
            <agm-direction *ngFor="let direction of directions; let i = index"
            [origin]="direction.origin"
            [destination]="direction.destination"
            [renderOptions]="direction.render_options"
            [markerOptions]="direction.marker_options"
            [waypoints]="direction.waypoints"
            [visible]="direction.visible"
            (onChange)="change($event,i)"
            ></agm-direction>
          </agm-map>

一切都很好，除了航点标记带有目标标记的图标，并且目的地标记没有没有之外。请找到结果

我想对起点，目的地和航路点有三个不同的图标，我想保存新的可拖动航路点。有人可以帮我吗？

解决方法

遇到了同样的问题，最后解决了。如果其他人遇到相同的问题，请留在这里：

添加新的航路点时，添加中途停留：false。

markerOptions = {
      origin: {
        icon: 'path-to-icon'
      },destination: {
        icon: 'path-to-icon'
      },waypoints: {
        icon: 'path-to-icon'
      }
    }

renderOptions = {
    suppressMarkers: true
  };

let latlng = new google.maps.LatLng(a.latitude,a.longitude);
      this.waypoints.push({
        location: latlng,stopover: false
      });


<agm-direction [origin]="origin"
                           [destination]="destination"
                           [waypoints]="waypoints"
                           [markerOptions]="markerOptions"
                           [renderOptions]="renderOptions"
                           [optimizeWaypoints]="false"></agm-direction>