Question

我正在使用Google地图，我想在外部文件中加载地图，我可以使用jQuery来设置页面的其余部分。

我对Hello World example进行了三处更改：我已经包含了jQuery，我已经在外部文件中初始化了地图，并且我已经删除了{{1}中的onload事件}} 标签。我现在有一个空白的屏幕，曾经有一个地图，没有控制台错误给我一个线索。

这是我的HTML：

<body>

这是完整的maps.js：

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script src="./js/jquery.js"></script>
    <script type="text/javascript"
        src="http://maps.googleapis.com/maps/api/js?sensor=true">
    <script src="./js/maps.js"></script>
  </head>
  <body>
    <div id="map_canvas" style="width:100%; height:100%"></div>
  </body>
</html>

我没有看到任何控制台声明。我也没有看到地图 - 只是一个空白的屏幕。

我必须做些蠢事，但它是什么？

Answer 1

</script>

之后你错过了src="http://maps.googleapis.com/maps/api/js?sensor=true">

JavaScript：在外部脚本中初始化Google地图

1 个答案: