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 
     }); 

Google 유효성 검사기에서 kml 파일을 테스트했지만 정상입니다. kml 파일은 다른 게시물에서 읽었을 때 공개되었습니다.

도와주세요

Answer 1

이 방법이 유용합니다. 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>