angular - 使用agm-marker管理图标的大小

我试图将css的高度和宽度应用于图标。

我用于带有agm-marker的图标的代码如下:-

<agm-marker *ngFor="let m of mapData; let i = index"
    [latitude]="m.lat"
    [longitude]="m.lng"
    [label]="labelOptions"
    [iconUrl]="iconUrl">
</agm-marker>

.ts

public iconUrl = 'http://developerdrive.developerdrive.netdna-cdn.com/wp-content/uploads/2013/08/ddrive.png';

请让我知道如何处理此图标的大小。这是我添加的自定义图标

最佳答案

您可以将Icon对象作为参数传递给IconURL。 Icon具有可以修改的scaledSize参数。这可能是一个示例:

    icon = {
              url: 'http://developerdrive.developerdrive.netdna-cdn.com/wp-content/uploads/2013/08/ddrive.png',
              scaledSize: {
                width: desiredWidthScale,
                height: desiredHeightScale
              }
}

因此，您可以使用:

<agm-marker *ngFor="let m of mapData; let i = index"
    [latitude]="m.lat"
    [longitude]="m.lng"
    [label]="labelOptions"
    [iconUrl]="icon">
</agm-marker>

请考虑您正在修改图像的比例，而不是实际大小。