无法加载 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 文件是 public 正如我在另一个 post.

中读到的

请帮忙

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>

无法加载 KML 文件

Cannot load KML file

kml

layer

google-maps-api-3