0

gmaps.jsを使用して自分のWebサイトにGoogleマップを表示しようとしています。

<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>

なぜこれが解雇されているのか、何か考えはありますか？

4

1 に答える 1

2

あなたが行方不明です

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

あなたのヘッダーから。gmaps.js の最初の行を見ると、

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

そのため、簡素化されていても、Google Maps API に依存しています。

于 2012-10-23T01:15:00.170 に答える