无法加载KML文件

Question

美好的一天，

为什么我无法加载在我的地图中制作的KML文件到我的网站？

这里是我使用

 map = new google.maps.Map(document.getElementById("mapa"), mapOptions), 
     json = JSON.parse($.trim($('#json .content').html())).nodes, 
     markers = [], 
     centerControlDiv = document.createElement('div'), 
     centerControl = new ControlesMapa(centerControlDiv, map); 
     var ctaLayer = new google.maps.KmlLayer({ 
      url: 'http://www.santos.sp.gov.br/mapadeobras/sites/all/themes/mapadeobras/kml/bairros.kml', 
      map: map 
     }); 

当我从例如文件试图代码。它工作得很好

var ctaLayer = new google.maps.KmlLayer({ 
      url: 'http://googlemaps.github.io/js-v2-samples/ggeoxml/cta.kml', 
      map: map 
     }); 

我已经测试了谷歌验证器上的kml文件，没关系。 kml文件是公开的，因为我在另一篇文章中阅读过。

请帮忙

Answer 1

This Works。尝试指定感兴趣区域的中心，如果它没有自动跳转到KML中定义的区域。

代码片段：

function initialize() { 
 

 
    var location = new google.maps.LatLng(-23.954785,-46.348161); 
 
    var mapOptions = { 
 
    zoom: 11, 
 
    center: location 
 
    } 
 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
 

 
    var ctaLayer = new google.maps.KmlLayer({ 
 
url: 'http://www.santos.sp.gov.br/mapadeobras/sites/all/themes/mapadeobras/kml/bairros.kml', 
 
map: map 
 
    }); 
 
} 
 

 
google.maps.event.addDomListener(window, 'load', initialize);

html, 
 
body, 
 
#map-canvas { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://maps.googleapis.com/maps/api/js"></script> 
 
<div id="map-canvas"></div>