title: Google Maps API v3 - Add text to symbol
body: <p>I have the following symbol code:</p>
  
  <pre><code>var lineSymbol = {
    path: google.maps.SymbolPath.CIRCLE,
    strokeOpacity: 0,
    fillColor: 'red',
    fillOpacity: 1,
    scale: 20
  };
  </code></pre>
  
  <p>Which is added to a polyline like so:</p>
  
  <pre><code>m[i] = new google.maps.Polyline({
    path: f0,
    icons: [{
      icon: lineSymbol,
      offset: '50%'
    }],
    geodesic: true,
    strokeColor: 'red',
    strokeOpacity: 0.6,
    strokeWeight: 5
  });     
  </code></pre>
  
  <p>This results in the following, a red circle in the centre of each polyline:</p>
  
  <p><a href="https://i.stack.imgur.com/nr1Rh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nr1Rh.png" alt="polyline example"></a></p>
  
  <p>My question is, is it possible to have some text within the circle? If so, how?</p>