我正在尝试使用 Google Maps API 在地图上叠加 KML 文件。根据文档,KML 文件必须通过其 URL 公开托管和导入。我尝试使用的 KML 文件概述了纽约市的街区。当我使用 API 文档中提供的示例链接时,代码没有问题;但是,这个例子并没有为项目提供相关数据。有人知道为什么 KML 图层不显示吗?
这是我试过的代码。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Visual Analytics of Uber Trips</title>
<style>
html, body {
height: 370px;
padding: 0;
margin: 0;
}
#map {
height: 700px;
width: 700px;
overflow: hidden;
float: left;
border: thin solid #333;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
var src = 'https://data.cityofnewyork.us/Transportation/NYC-Taxi-Zones/d3c5-ddgc#Export';
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(40.7128, -74.0060),
zoom: 10,
mapTypeId: 'roadmap'
});
var kmlLayer = new google.maps.KmlLayer(src, {
suppressInfoWindows: true,
map: map,
});
}
</script>
<script async
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAF2m0svp07tGLzObVsQFEIMw6EpRh14Hc&callback=initMap">
</script>
</body>
</html>
除了KML层的当前URL,我还尝试了以下URL:
https://drive.google.com/file/d/1DMAeR3LsveJ5Q0avXjpRazSTwgbQK25Z/view?usp=sharing https://drive.google.com/uc?id=1DMAeR3LsveJ5Q0avXjpRazSTwgbQK25Z&export=download https://data.cityofnewyork.us/Transportation/NYC-Taxi-Zones/d3c5-ddgc#Export