無法加載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>