title: Changing the color of Google Maps API marker labels after map initialization
body: <p>I have a Google Maps API initialization function, where the Marker label color (for an array of markerPins) is set to <code>transparent</code>:</p>
  
  <pre><code>    markerPins[i] = new google.maps.Marker({
  
          position: position,
          map: map,
          optimized: false,
          icon: myPin,
          label: {
            color: 'transparent', // &lt;= HERE
            fontSize: '11px',
            fontWeight: '900',
            text: 'Example Label'
          }
      });
  </code></pre>
  
  <p>This works. So far, so good.</p>
  
  <p>At a later point (following a user action etc.) I would like to change the Marker label color.</p>
  
  <p>I have written the following function:</p>
  
  <pre><code>// CHANGE MARKER LABEL COLOR
  function changeMarkerLabelColor(labelColor) {
  
      for (let i = 0; i &lt; markerPins.length; i++ ) {
  
          markerPins[i].label.color = labelColor;
  
      }
  }
  </code></pre>
  
  <p>And it <strong><em>does work</em></strong>. But seemingly only as the map is being initialised.</p>
  
  <p>How is it possible to <code>get</code> and <code>set</code> the Marker label color <em>after</em> the map has initialized?</p>
  
  <p>I am happy to deploy a javascript approach, a CSS approach, or any other approach - but I've been searching and testing and experimenting for hours and so far come up empty-handed.</p>