从打字稿

Question

我有一个包含角度Google地图（agm-map）的项目，我想使用Just ONE svg图标并更改该图标的颜色以可视化不同类型的标记（不同数据）。我的问题是如何更改svg标记的颜色并将其从打字稿传递到html（agm-marker tag）， 这是agm-marker的样子：

<agm-map [latitude]="mapLat" [longitude]="mapLng" [zoom]="mapZoom">
        <agm-marker-cluster imagePath="imagePath">
            <agm-marker *ngFor="let m of markers; let i = index"
                        [latitude]="m.lat" [longitude]="m.lng" [label]="m.label" [iconUrl]="m.icon" [title]="m.title">
            </agm-marker>
        </agm-marker-cluster>
</agm-map>

我正在从打字稿文件中传递标记，据我所知，agm-marker没有可以从html文件和打字稿中更改颜色的颜色属性，我尝试过How to use SVG markers in Google Maps API v3的解决方案。我通过了svg内容以及一些修改，并在打字稿中更改了颜色，并将其作为iconUrl传递给了html。但它没有显示svg标记，就像它不可见不为空！

Answer 1

AGM Marker指令未提供修改SVG的方法，但是有一个IconUrl属性来替换标准图标，从而允许您通过图标替换来使用其他颜色。您可以捕获原始SVG，在编辑器中打开，重新着色，保存并放置在资产文件夹中，以通过绑定有条件使用。