我有以下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/LargeCoordinates.kml没有显示在地图上。
我的所有其他KML文件都可以正常工作,而不是这个。我相信这是因为KML文件中有很多坐标。
任何帮助解决它将不胜感激。
在您的第5个地标/多边形(大的)中,具有几何/坐标的线似乎被截断。第一个线索是,在行的末尾似乎缺少标签。当它需要以:</MultiGeometry>
结束时,它仅以</coordinates></LinearRing></outerBoundaryIs></Polygon></MultiGeometry>
标签结束。仔细观察最后一组坐标,它们似乎被切断,在第二个数字的小数点后结束:-96.697594,46.
所以你需要至少添加适当的标签来关闭线,并可能修复最后一个坐标对(或者只是删除它)。这应该为您提供一个有效的KML文件,该文件应该加载(只要几何图形对于Maps来说不是太大)。您还需要检查源数据以查看该行是否缺少其他坐标,如果是,请弄清楚如何将其取回。
为了帮助其他类似问题,您知道KML是如何生成的吗?用什么软件?也许某些东西只能处理坐标字符串中的这么多字符?