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>

无法加载KML文件

1 个答案: