在 agm 中使用 svg 自定义标记

如何解决在 agm 中使用 svg 自定义标记

我正在尝试在我的 agm-map 中自定义标记，但它不起作用。根据 apidocumentation，iconUrl 属性应该有效，但对我不起作用。

  <agm-map [latitude]="latitude" [longitude]="longitude">
            <agm-marker [latitude]="latitude" [longitude]="longitude" [label]="labelOptions"
                [iconUrl]=" '../../../assets/navbar/Box.svg'">
            </agm-marker>
        </agm-map>

我也用 url 创建了一个对象，但也不行

ts

import { Component,OnInit } from '@angular/core';

@Component({
  selector: 'app-shelter-map',templateUrl: './shelter-map.component.html',styleUrls: ['./shelter-map.component.scss']
})
export class ShelterMapComponent implements OnInit {
  latitude = 51.688418;
  longitude = 7.809007;
  labelOptions: any;
  public iconMap: any;

  constructor() {
    this.labelOptions = {
      color: '#ee4646',fontFamily: '',fontSize: '10px',fontWeight: 'bold',letterSpacing: '0.5px',}

    this.iconMap = {
      iconUrl: '../../../assets/navbar/Box.svg',iconHeight: '10'

    }

  }

  ngOnInit(): void {
  }

  

}

html

  <agm-map [latitude]="latitude" [longitude]="longitude">
            <agm-marker [latitude]="latitude" [longitude]="longitude" [label]="labelOptions"
                [iconUrl]="iconMap.iconUrl">
            </agm-marker>
        </agm-map>

感谢您的回复。