title: County KML data that works with Google Maps
body: <p>I want to display county lines on my maps.  I have found a several KMLs of converted Census data as various resolution but display.</p>
  
  <p>I  created a Google Site map and uploaded several KMLs, including the CTA.kml that Google uses as an example.  The CTA (Chicago) displays w/o issue so I know my site is set up correctly.  But when I link to gz_2010_us_050_00_20m.kml(from the US Census Bureau) or cb_2014_us_county_20m.kml, nothing appears.</p>
  
  <p>my belief is that the kml format is not valid for Google Maps but I do not get an error or any message.  It just doesn't appear. </p>
  
  <p>I included a little test script that I know is correct since I have stolen it from Google.  </p>
  
  <p>If it is a KML format issue, does anyone know of a KML for US county lines?</p>
  
  <p><a href="https://sites.google.com/site/countykmltester/cta.kml" rel="nofollow" title="MySite">Link to My Site</a></p>
  
  <pre class="lang-html prettyprint-override"><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;
          html, body {
              height: 100%;
              margin: 0;
              padding: 0;
          }
          #map {
              height: 100%;
          }
      &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: 'https://sites.google.com/site/countykmltester/gz_2010_us_050_00_20m.kml',
              map: map
          });
      google.maps.event.addListener(ctaLayer, "status_changed", function() {
         alert( "Kml Status:"+ctaLayer.getStatus());
      });
      }
  
  &lt;/script&gt;
  &lt;script async defer
          src="https://maps.googleapis.com/maps/api/js?callback=initMap"&gt;
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>