title: Gmaps API - Many markers with icon & label load slow on mobile
body: <p>I am using the <a href="https://developers.google.com/maps/" rel="nofollow noreferrer">Google Maps API</a> to display many markers (thousands). Loading these markers works fine if I don't add a custom label and icon to the marker (few seconds), however when I add a custom label and icon to the markers they load very slow on a <strong>mobile phone</strong> (about 25 seconds on Android). I created a codepen to illustrate the problem: <a href="https://codepen.io/anon/pen/qXqpjN" rel="nofollow noreferrer">https://codepen.io/anon/pen/qXqpjN</a> In this codepen 5000 markers are generated randomly. When you open this codepen it loads fast on a computer but slow on a mobile phone. I use the following code to create each marker:</p>
  
  <pre><code>var marker = new google.maps.Marker({
      position: myLatLng,
      label: {
          color: '#000000',
          fontWeight: 'bold',
          text: 'text',
      },
      icon: {
          labelOrigin: new google.maps.Point(24, 14),
          url: 'http://reistip.nl/assets/img/gmap/icon/emoticons/icongreenbigprice.png',
          size: new google.maps.Size(50, 60),
          origin: new google.maps.Point(0, 0),
          anchor: new google.maps.Point(11, 40),
      },
  
  });
  </code></pre>
  
  <p>If I replace the code above with the code below (markers without a custom label and icon) it loads fine:</p>
  
  <pre><code>    var marker = new google.maps.Marker({
          position: myLatLng,
          title: 'Hello World!'
      });
  </code></pre>
  
  <p>How can I load markers that have a custom label and icon fast on a mobile phone?</p>