2017-04-21 11 views
0

私はこのJavaScriptコードをサンプルサイトに使用していますが、私はそこにGoogle Mapを含めていますが、ページが読み込まれてもマップは読み込まれません。Google Maps not load

更新 - 私は、ウェブページを長期間開いたままにしておくと、Googleマップの一部が読み込まれることに気付きました。

これは、私が書いたコードや何らかの遅れの形式のエラーですか?

ヘルプの任意の種類は次のようにdivelを交換する

HTML

<head> 
    <script src="js/gmaps.js"/></script> 

    </head> 

    <body> 
     <section id="properties" class="container"> 
      <article id="prop1"> 
       <div id="tabs"> 
        <ul> 
         <li> 
          <a href="#map">Location</a> 
         </li> 
        </ul> 
        <div id="map"></div> 
        </div> 
      </article> 
      </body> 
      </html> 

JAVASCRIPT

<script>  
     GMaps({//maps UI 
    el: '#map', 
    lat: 52.97, 
    lng: -2.44 
    }); 
      </script> 
+2

関連性の高いHTMLコード+ Javaスクリプトコードをさらに表示してください。あなたのJavaスクリプトはp.sを参照しています。あなたのAPIキーを省略してください – audittxl

+2

コンソールの警告はありますか? – nocturne

+0

コンソールに警告はありません。ページが読み込まれると、GoogleマップツールのためGoogleマップが表示されますが、地図自体は表示されません。 – IsiraK

答えて

1

試しを高く評価している:

$(document).ready(function() { 
    GMaps({//maps UI 
     div: '#map', 
     lat: 52.97, 
     lng: -2.44 
    }); 
}); 

ドキュメントを確認してください:https://hpneo.github.io/gmaps/examples/basic.html

+0

前のコードを残念ながら残念ながら、それは単にJavaScriptコードを持っていただけです。このアップデートされたバージョンが問題の解決に役立つことを願っています。ご協力いただきありがとうございます。 – IsiraK

+0

jsがダウンロードされてロードされていれば、ressourceタブまたはchromeのネットワークタブをチェックできますか? –

+0

@IsiraK I'vは私の投稿を編集しました。それをチェックしてください。 –