无法在ngx-mapbox-gl angular中显示自定义标记图标

import { Component } from '@angular/core';
import { MapService, MarkerDirective } from 'ngx-mapbox-gl';

@Component({
  selector: 'app-map',
  template: `
    <div mapbox style="height: 400px;">
      <marker
        [lngLat]="[longitude, latitude]"
        [iconUrl]="customIconUrl"
        [iconSize]="[width, height]"
      ></marker>
    </div>
  `,
})
export class MapComponent {
  longitude = 0; // 设置标记的经度
  latitude = 0; // 设置标记的纬度
  customIconUrl = 'path/to/custom-icon.svg'; // 设置自定义标记图标的SVG文件路径
  width = 32; // 设置图标的宽度
  height = 32; // 设置图标的高度

  constructor(private mapService: MapService) {}

  ngOnInit() {
    this.mapService.getMap().subscribe(map => {
      map.setCenter([this.longitude, this.latitude]); // 设置地图的中心点
      map.setZoom(10); // 设置地图的缩放级别
    });
  }
}