如何使用谷歌API，所以将以前创建的KML文件发送到我的谷歌地图，然后获取返回的URL显示在网页中

Question

这是我用来显示KML文件的代码：

<iframe src="https://www.google.com/maps/d/embed?mid=1tIJmiNw2JxrDmSNbnoV2NGsft9Y" width="650" height="360"></iframe>
<canvas id="cvs4" width="300px" height="190px">[No canvas support]</canvas>

<iframe src="https://www.google.com/maps/d/embed?mid=1tIJmiNw2JxrDmSNbnoV2NGsft9Y" width="650" height="360"></iframe>
<canvas id="cvs4" width="300px" height="190px">[No canvas support]</canvas>

但是我没有上传KML文件的方法

Answer 1

相关问题：

• 在谷歌地图中导入我的地图数据
• 我的谷歌放置 kml url JavaScript

在 URL 中使用mid信息，如下所示：

http://www.google.com/maps/d/kml?forcekml=1&mid=1tIJmiNw2JxrDmSNbnoV2NGsft9Y

以将其作为 KML 访问。

你可以在Google Maps Javascript API v3地图上看到它，如下所示：

var map;
function initialize() {
var map = new google.maps.Map(
document.getElementById("map_canvas"), {
center: new google.maps.LatLng(37.4419, -122.1419),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var kmlLayer = new google.maps.KmlLayer({
// your URL: https://www.google.com/maps/d/embed?mid=1tIJmiNw2JxrDmSNbnoV2NGsft9Y
url: "http://www.google.com/maps/d/kml?forcekml=1&mid=1tIJmiNw2JxrDmSNbnoV2NGsft9Y",
map: map
});
google.maps.event.addListener(kmlLayer, 'status_changed', function() {
document.getElementById('status').innerHTML = kmlLayer.getStatus();
});
}
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?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<div id="status"></div>
<div id="map_canvas" style="border: 2px solid #3872ac;"></div>