google-maps - 在 api 教程中运行示例谷歌地图

Question

我已从以下示例地图中复制了 html：https ://developers.google.com/maps/documentation/javascript/examples/layer-kml 。我只是将代码复制到文本编辑器中并保存为 html 并在 IE 和 Firefox 中运行，但没有显示地图。请提供任何建议

谢谢伊恩

Answer 1

您还需要此文件：

<link href="/maps/documentation/javascript/examples/default.css" rel="stylesheet">

我的服务器上的 Google 示例

或将其包含在其位置：

<style type="text/css">
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#map-canvas, #map_canvas {
  height: 100%;
}

@media print {
  html, body {
    height: auto;
  }

  #map_canvas {
    height: 650px;
  }
}

#panel {
  position: absolute;
  top: 5px;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}
</style>