如何在角度Google地图中更改特定标记的颜色

Question

我在地图上显示了5个标记，我只想更改一种标记颜色，我正在使用Google角形地图，该怎么做。

我已经使用[iconUrl]更改了标记的颜色，但是它正在更改所有颜色，但是我只想更改标记的一种颜色

HTML：

          <agm-map [latitude]="lat" [longitude]="lng" [fitBounds]="true" >
            <agm-marker [iconUrl]="iconUrl" *ngFor="let data of map_dev"   [latitude]="data.latitude" [longitude]="data.longitude"
                     [agmFitBounds]="true" (markerClick)="markerdata(data)" >
            </agm-marker>
          </agm-map>

Answer 1

您可以在iconUrl数组中指定map_dev。例如，我将第二个标记的iconUrl设置为../image.png

map_dev = [
  { lat: -33.883782, lng: 151.133711, alpha: 1 },
  {
    lat: -33.889698,
    lng: 150.816382,
    alpha: 1,
    iconUrl:
      "../image.png"
  }
];

然后您可以使用iconUrl引用<agm-marker>组件模板中的data.iconUrl

<agm-marker
    *ngFor="let data of map_dev"
    [iconUrl]="data.iconUrl"
    [latitude]="data.lat"
    [longitude]="data.lng"
  >

我制作了codesandbox implementation，以便您可以看到所有这些内容。请注意，您需要添加自己的API key。