2012-10-22 63 views
0

我正嘗試使用gmaps.js在我的網站上顯示Google地圖。TypeError:GMaps不是構造函數

<div id="map"> 
    <!-- GMaps.js injection here. --> 
</div> 

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     var map = new GMaps({ 
      div: '#map', 
      lat: -12.043333, 
      lng: -77.028333 
     }); 
    }); 
</script> 

我得到Firebugs控制檯上出現以下錯誤:

TypeError: GMaps is not a constructor 
    lng: -77.028333 

在我_Layout.cshtml文件,這裏是jQuery和引用其他JavaScript庫:

<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"> 
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/blitzer/jquery-ui.css" rel="Stylesheet"> 
<link rel="stylesheet" type="text/css" href="/cassette.axd/asset/Public/assets/stylesheets/main.less?zrfwD7IeGX87BD2hXeX_19D7PM4="> 
<link rel="stylesheet" type="text/css" href="/cassette.axd/asset/Public/assets/stylesheets/bootstrap.css?Fr-zb2zZgNbHEFtP2LHSlWzPcTc="> 
<script type="text/javascript" src="/cassette.axd/asset/Public/assets/javascripts/gmaps.js?l4YO_kYaJ82XSUboAjqvgNOTSog="> 
<script type="text/javascript" src="/cassette.axd/asset/Public/assets/javascripts/jquery.unobtrusive-ajax.js?1e4_Y6C_dosNDw5vnP_HMJnJOaI="> 
<script type="text/javascript" src="/cassette.axd/asset/Public/assets/javascripts/jquery.validate.js?N48SH-DQLi1ZxkCU5H4QfkU_Vqk="> 
<script type="text/javascript" src="/cassette.axd/asset/Public/assets/javascripts/jquery.validate.unobtrusive.js?H9QpwLXle-pJHFboqVks8SmWPD8="> 
<script type="text/javascript" src="/cassette.axd/asset/Public/assets/javascripts/MicrosoftAjax.debug.js?5os4UsHTQvdRWuk_dD_ZJbhKv2o="> 
<script type="text/javascript" src="/cassette.axd/asset/Public/assets/javascripts/MicrosoftMvcAjax.debug.js?VuXJYhbnFpRWN4gr3pwlAyCdWUg="> 
<script type="text/javascript" src="/cassette.axd/asset/Public/assets/javascripts/MicrosoftMvcValidation.debug.js?HcBKh9uDD_B8LpYqpQW1dYU6woI="> 
</head> 

任何想法爲什麼這被解僱?

+0

您確定您對GMaps API的引用是正確的嗎? (/cassette.axd/asset/Public/assets/javascripts/gmaps.js) –

+0

@KevinBoucher:是的,事實上,我甚至可以使用Firebug擴展引用的鏈接,並看到源代碼在那裏。 – sergserg

回答

2

你缺少

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

。如果你看一下gmaps.js的第一行,你會看到

if(window.google && window.google.maps){ 

因此,它依賴於谷歌地圖API,即使它簡化了它。