如何使用Google API，以便将先前创建的KML文件发送到“我的Google地图”，然后获取返回的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

相关问题：Importing myMaps data in google maps

在这样的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>