title: KML layer not loading on Google Maps
body: <p>normally I don't post with a help plea but I'm seriously at a loss... I have a KML layer that I want to load on an embedded Google Map. It worked fine for a few months but about three weeks ago, the KML data vanished. Upon validating my KML file I found two insignificant errors:</p>
  
  <pre><code>line 6, column 9: Invalid value for scale: .5 [help]
  
      &lt;scale&gt;.5&lt;/scale&gt;
       ^
  line 774, column 26: XML parsing error: &lt;unknown&gt;:774:26: undefined entity [help]
  
      &lt;name&gt;Brabant Bar and Caf&amp;Atilde;&amp;copy;&lt;/name&gt;
  </code></pre>
  
  <ul>
  <li>I've looking for JavaScript errors and found none (Chrome's console seems to agree with me).</li>
  <li>I've looked for changed in the V3 API and found none</li>
  <li>I've verified my API key</li>
  <li>I've verified <em>other</em> KML files work</li>
  </ul>
  
  <p>Any help is greatly appreciated. I have a <a href="http://codepen.io/anon/pen/mfxLj" rel="nofollow">codepen</a> demo that has a link to the KML file, a working embedded google map using the V3 API, and a known working KML file from Google. Below is the JavaScript I am using to control the map and KML overlay:</p>
  
  <pre><code>var map;
  var src = "http://kingsofthecraft.com/sandiego.kml"; // does not work
  // var src ="http://gmaps-samples.googlecode.com/svn/trunk/ggeoxml/cta.kml"; // known to work
  
  function init() {
      map = new google.maps.Map(document.getElementById("map"), {
          center: new google.maps.LatLng(32.945048, -117.243135),
          zoom: 9,
          mapTypeId: google.maps.Map.ROADMAP
      });
      loadKmlLayer();
  }
  
  function loadKmlLayer() {
      var kmlLayer = new google.maps.KmlLayer(src, {
          suppressInfoWindows: false,
          preserveViewport: false,
          map: map
      });
  }
  
  google.maps.event.addDomListener(window, 'load', init);
  </code></pre>