Applying dynamic CSS style to marker of google map
<p>I know that we can dynamically apply <strong>label</strong> or <strong>icon image</strong> or <strong>css class</strong> to marker of google in angularJs, but I am unable to dig out how we can apply dynamic css style to marker. I have to dynamically generate markers on the google map and color them dynamically. Are we able to do it?</p>

<p>I have tried following but doesn't seems to be working</p>

<pre><code>  var putMarker = function(lat,long,color) {              
      var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat,long),
        map: map,
        labelStyle: {backgroundColor:"#ff00ff", height:"5px", width:"5px", borderRadius:"50px"},
        icon: 'img/mapView.png',
        label: (markers.length + 1) + '',
        animation: google.maps.Animation.DROP,
        isDraggable: false
      });

      markers.push(marker);

      //extend the bounds to include each marker's position
      bounds.extend(marker.position);

      //now fit the map to the newly inclusive bounds
      map.fitBounds(bounds);
    }
</code></pre>