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不起作用

回答

相關問題