gmaps.js Api不起作用

-3

我想使用gmaps.js api将googlemap添加到我的html页面。我把gmaps.js文件相同的文件夹和我的html页面，但是当我尝试加载我的HTML页面没有任何反应以下是我的代码gmaps.js Api不起作用

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 
     }); 
    });

所以，当我测试它在谷歌Chrome和IE我得到的错误：未捕获的ReferenceError：GMaps没有定义

任何想法，为什么出现这种情况？在此先感谢。

来源

2014-10-16 user3734693

这难道不是在FireFox发生？ 'gmaps.js'实际上是否加载？它在你指定的地方吗？检查控制台网络选项卡找出。 – Andy 2014-10-16 13:08:51

你的HTML有一个错字：

变化

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

到

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

来源

2014-10-16 13:11:21

即使您缩小了范围，仍然花了我几分钟的时间来找出差异。发现得好。 – Andy 2014-10-16 13:14:21

O MY GOD我很累，）。非常感谢！ – user3734693 2014-10-16 13:20:26

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

这应该是你的JavaScript代码：

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

一个基本的例子可以发现here。

来源

2014-10-16 13:11:20 Jerodev

gmaps.js Api不起作用

回答

相关问题