如何在Angular2，agm-marker中为自定义标记图标添加边框？

Posted 2023-03-28

【中文标题】如何在Angular2，agm-marker中为自定义标记图标添加边框？

【英文标题】：How to add border to custom marker icon in Angular2, agm-marker?

【发布时间】：2019-04-02 13:52:20

【问题描述】：

大家好，我需要帮助。我从昨天开始尝试这个。实际上，我的要求是为每个 lat/lng 动态添加自定义标记图标，并且每个标记图标都有其他值，例如我必须用作边框颜色的“颜色名称”。 在 agm-marker 中，我可以将 [iconUrl] 中的 url 和图标高度/宽度设置为

[iconUrl]='
  "url":  imgurl, 
  "scaledSize": 
      "height": 100, 
      "width": 100
  
'

但我找不到可以为标记图标添加边框的任何内容。 但是，我在使用 javascript 中的 Rickmarker 脚本之前已经这样做了。 以下是所需输出的屏幕截图

【问题讨论】：

google.maps.Icon 没有边框属性。您可以生成图像服务器端以包含该边框。

【参考方案1】：

问题已解决:)

agm-overlays

它帮助我实现了所需的输出。感谢开发者。