title: IE9 and below starts to slow down and hang when adding lots of google map markers via Symbol (SVG path)
body: <p>Google maps api let's you specify a custom marker icon in the form of an SVG path. On my fast machine, displaying 500 of these markers (SVG paths) on IE9 or less causes the browser to come to a slow crawl and hang. Everything works fine in Chrome, FF, Opera, and Safari, and IE10 at those higher numbers, but not IE9 and below. </p>
  
  <p>Looking for a way to speed it up IE. </p>
  
  <p><a href="http://jsfiddle.net/johntrepreneur/bC2fx/8/" rel="nofollow">jsfiddle example</a></p>
  
  <pre><code>// this will cripple IE 9 and below
  for (var i = 0; i &lt; 500; i++)
  {
      new google.maps.Marker({
          map: map,
          position: new google.maps.LatLng(locations[i].LATITUDE, locations[i].LONGITUDE),
          icon: {
              path: 'M 5, 5 m -3.75, 0 a 3.75,3.75 0 1,0 7.5,0 a 3.75,3.75 0 1,0 -7.5,0', //a small circle
              fillColor: 'red',
              fillOpacity: 1,
              strokeColor: 'blue'
          }
      });
  }
  </code></pre>