要素が検査されない限り、Googleマップは読み込まれません。

Question

Googleマップは読み込まれません。要素を調べると、要素が正しく読み込まれます。どうすれば解決できますか？

Answer 1

あなたは要素を検査するとき、それはGoogleの地図を表示するには、イベントのサイズを変更トリガする

$(document).ready(function() { 
    google.maps.event.addListener(map, "idle", function(){ 
     google.maps.event.trigger(map, 'resize'); 
    }); 
}); 

あなたの正面にはJavaScriptの下に追加します。 Googleマップのアイドル時に同じことをしたい（グレー）

Answer 2

あなたはAPIから位置座標を取得するために使用したコード/機能を掲示気にしますか？

編集：ゼロからコードを書く代わりにBIOSTALLライブラリを使用していることを願います。

Answer 3

あなたのページに以下のCSSを使用してください。モーダルを使用しているため、地図がロードされていません。私はCSSの問題があると思う。

<style> 
    .pac-container { 
     background-color: #FFF; 
     z-index: 20; 
     position: fixed; 
     display: inline-block; 
     float: left; 
    } 
    .modal{ 
     z-index: 20; 
    } 
    .modal-backdrop{ 
     z-index: 10;   
    }​ 
</style>