如何使用图标为agm标记设置样式?

时间:2020-09-04 11:15:27

标签: angular marker angular-google-maps agm

我想设置自己的agm标记的样式,该标记应如下所示: 图标周围的圆圈,在指向坐标的指针下方。因此,基本上,它应该看起来像默认的agm-marker,但是我想要在其中放置一个圆形的Icon,并且想要更改颜色。不幸的是,文档并没有帮助我... 到目前为止,我唯一了解的就是如何添加图标:

icon = {
    url: '../../assets/img/img.jpg',
    scaledSize: {
      width: 50,
      height: 50
    }
  }
<agm-marker [latitude]="lat" [longitude]="lng" [iconUrl]="icon"></agm-marker>

但是我该如何使图标成行(我可以以某种方式使用bootstrap类的“ image-round”)吗? 如何将“图标”放置在标记中(如果图标大于标记,则标记应更改其大小以适合图标)? 如何更改标记的颜色?

0 个答案:

没有答案