title: Google Maps KML Layer not showing
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="initial-scale=1.0"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;KML Layers&lt;/title&gt;
      &lt;style&gt;
        #map {
          height: 90%;
        }
        html, body {
          height: 100%;
          margin: 0;
          padding: 0;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="map"&gt;&lt;/div&gt;
      &lt;script&gt;
  
        function initMap() {
          var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 11,
            center: {lat: 41.876, lng: -87.624}
          });
  
          var ctaLayer = new google.maps.KmlLayer({
            url: 'http://ec2-54-198-148-171.compute-1.amazonaws.com/webapp/public/kmlfiles/LargeCoordinates.kml',
            map: map
          });
        }
      &lt;/script&gt;
      &lt;script async defer 
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBMtoh9P3UkoxbXndKu_HOP7KsVwTRvxGU&amp;callback=initMap"&gt;
          &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The KML present here - <a href="http://ec2-54-198-148-171.compute-1.amazonaws.com/webapp/public/kmlfiles/LargeCoordinates.kml" rel="nofollow noreferrer">http://ec2-54-198-148-171.compute-1.amazonaws.com/webapp/public/kmlfiles/LargeCoordinates.kml</a> is not shown on the map.</p>
  
  <p>All my other KML files work ok, just not this one. I believe this is because there are many coordinates in the KML file.</p>
  
  <p>Any help to fix it would be appreciated.</p>