Question

我想使用gmaps.js api将googlemap添加到我的html页面。我把gmaps.js文件放到我的html页面的同一个文件夹中但是当我尝试加载我的html页面时，下面没有任何反应是我的代码

HTML：

<!DOCTYPE html>
<html>
<head>

   <meta charset="utf-8">

   <title>TaxiPolis|@Web-taxi</title>

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

   <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

   <script type="text/javascript" scr="gmaps.js"></script>

   <link rel="stylesheet" type="text/css" href="web_taxi_css.css"/>

   <script type="text/javascript" src="web_taxi_java.js"></script>

  </head>

  <body>

   <div id="map_canvas"></div>
  </body>
  </html>

的CSS：

       @charset "utf-8";
      /* CSS Document */

     body{
          width:100%;
          height:100;
        }

    #map_canvas{
         width:100%;
         height:100%;
         }

的javascript：

    $(document).ready(function() {

          var map = new GMaps({
          div: '#map_canvas',
          lat: -12.043333,
          lng: -77.028333
         });
    });

因此，当我在Google Chrome和IE上测试时，我收到错误消息：未捕获的ReferenceError：未定义GMaps

为什么会发生这种情况？在此先感谢。

Answer 1

您的HTML有拼写错误：

更改

<script type="text/javascript" scr="gmaps.js"></script>

到

<script type="text/javascript" src="gmaps.js"></script>

Answer 2

GMaps对象不存在。您必须使用google.maps.Map类型的对象在页面上加载地图。

这应该是您的javascript代码：

$(document).ready(function() {
    new google.maps.Map(document.getElementById('map_canvas'), {center: {lat:-12.04333, lng:-77.02833}});
});

可以找到一个基本示例here。

gmaps.js Api不起作用

2 个答案: