Google Maps KML图层未显示



我有以下html:

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0">
    <meta charset="utf-8">
    <title>KML Layers</title>
    <style>
      #map {
        height: 90%;
      }
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
  </head>
  <body>
    <div id="map"></div>
    <script>
      function initMap() {
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 11,
          center: {lat: 41.876, lng: -87.624}
        });
        var ctaLayer = new google.maps.KmlLayer({
          url: 'http://ec2-54-198-148-171.compute-1.amazonaws.com/webapp/public/kmlfiles/LargeCoordinates.kml',
          map: map
        });
      }
    </script>
    <script async defer 
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBMtoh9P3UkoxbXndKu_HOP7KsVwTRvxGU&callback=initMap">
        </script>
  </body>
</html>

KML在此处 - http://ec2-54-198-148-171.compute-1.amazonaws.com/webapp/public/kmlfiles/kmlfiles/largecoordinates.kml未显示在地图上。

我所有其他KML文件都可以正常工作,只是不是这个。我相信这是因为KML文件中有许多坐标。

任何帮助修复的帮助将不胜感激。

在您的第五个placemark/polygon(大个子)中,带有几何/坐标的线似乎被截断了。第一个线索是,在行末尾似乎有缺少标签。它仅以</MultiGeometry>标签结尾,需要以:</coordinates></LinearRing></outerBoundaryIs></Polygon></MultiGeometry>结尾。更仔细地查看最后一组坐标,它们似乎被切断,以第二个数字的小数点结束:-96.697594,46.

因此,您至少需要添加适当的标签才能关闭线路,并可能修复了最后一个坐标对(或仅将其删除)。这应该为您提供一个有效的KML文件,该文件应该加载(只要几何图形不太大于地图)即可。您还需要检查源数据,以查看该行中是否缺少其他坐标,如果是这样,请弄清楚如何使它们恢复。

为了帮助其他问题,您知道如何生成KML吗?使用什么软件?也许只能在坐标字符串中处理这么多字符的东西?

最新更新