@angular/google-maps 更改标记颜色

Question

我正在为 Angular 使用 google-maps，但我找不到如何更改标记的颜色。我有不同的坐标，我想分别给每个坐标上色。

目前我正在使用：

        const marker = {
      position: {
        lat: parseFloat(site.lat),
        lng: parseFloat(site.lng),
      },
      icon: "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png",
      id: site.id,
      title: site.address,
      label: {
        color: 'red',
        text: site.contractCode,
      }
    };

我试图将一个具有 url 属性的对象传递给图标和一个字符串，但是 none 成功了。

提前致谢

Answer 1

你可以使用：

<map-marker class="markerR" #marker="mapMarker" *ngFor="let unaalerta of listado"
                        [position]="unaalerta.Marker"
                        [options]="{icon: { url:'assets/images/{{unaalerta.icono}}' }, zIndex: 100}"

@angular/google-maps 更改标记颜色

@angular/google-maps Change marker color

google-maps-markers

angular-google-maps

angular11