(Google Maps): Cant set the label color for some reason

[rondog]

I am trying to set the Marker label color via the [options] property on . I successfully set the marker icon no problem...label color seem to be an issue though.

<google-map
  width="100%"
  height="100%"
  [hidden]="!showMap"
  [options]="mapOpts">
  <map-marker
    *ngFor="let marker of markers; let markerIndex = index"
    [options]="markerOpts"
    [position]="marker.position"
    [label]="markerIndex.toString()">
  </map-marker>
</google-map>

My markerOpts is a simple object

getMarkerOptions() {
  return {
    icon: {
      url: '/assets/pin.svg',
      scaledSize: new google.maps.Size(35, 35),
    },
    label: {
      color: 'red',
    },
  }
}

any idea? Like I said, icon works, but label color does not

[rondog]

never mind, I figured out the issue.

[label]="markerIndex.toString()" on map-marker was overriding my other label options in the getMarkerOptions fn.

[label]="{text: markerIndex.toString(), color: 'red'}" works

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}