title: Google Maps API - How to use custom icons with text?
body: <p>I tried the following URL:</p>
  
  <p><a href="http://chart.apis.google.com/chart?chst=d_map_spin&amp;chld=0.7|0|FFAA11|19|_|A" rel="nofollow">http://chart.apis.google.com/chart?chst=d_map_spin&amp;chld=0.7|0|FFAA11|19|_|A</a></p>
  
  <p>But it only works in Chrome, IE, surprise, does not work, the intention was to display an orange marker icon with a letter A in the middle!</p>
  
  <p>I want to work in Internet Explorer, please someone help me!</p>
  
  <p>I'm using IE 11.</p>
  
  <p>The code is as follows:</p>
  
  <pre><code>var iconURL = ((selecionado != i) ? 
                  'https://mts.googleapis.com/vt/icon/name=icons/spotlight/spotlight-waypoint-a.png&amp;text=' + String.fromCharCode(65 + l) + '&amp;psize=16&amp;font=fonts/Roboto-Regular.ttf&amp;color=ff333333&amp;ax=44&amp;ay=48&amp;scale=1' 
                  :
                  'http://chart.apis.google.com/chart?chst=d_map_spin&amp;chld=0.7|0|FFAA11|19|_|' + String.fromCharCode(65 + l)
                 );
  
              marker[i] = new google.maps.Marker({
                  position: ((i &gt;= latln.length) ? latLonEmpresa : latln[i]),
                  map: map,
                  icon: ((titulo[i]) ? iconURL : '')
              });
  </code></pre>