使用谷歌地图JavaScript API渲染我的地图

Question

当我创建自定义My Maps时，默认情况下，Google允许您使用iframe方法共享。

但是，这种方法非常慢，我想改用JS API来呈现。

最简单的方法是什么？

- Ryan

Answer 1

一种选择是使用定制的My Maps中的“导出KML”选项，通过Google Maps Javascript API v3 KmlLayer在地图上呈现数据。 在我的答案中描述如何从MyMaps获取KML链接 代码片段：（来自此MyMap的数据）

var map;

function initialize() {
  var map = new google.maps.Map(
    document.getElementById("map_canvas"), {
      mapTypeId: google.maps.MapTypeId.ROADMAP
    });
  var layer = new google.maps.KmlLayer({
    // url: "http://www.google.com/maps/d/kml?mid=zNPjLbo835mE.k3TvWfqGG-AU",
    url: "http://www.google.com/maps/d/kml?forcekml=1&mid=1-mpfnFjp1e5JJ1YkSBjE6ZX_d9w",
    map: map
  })

}
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="map_canvas"></div>

- geocodezip