google-maps - GoogleマップAPIはブラウザの検査要素で動作します

Question

ツイッターブートストラップを使用するアプリでグーグルマップのcanvesプラグインを修正しようと数日苦労しています。

マップは灰色のパッチでいっぱいのバギーになっています、そしてそれは決してよく中心ではありません。しかし、最近気付いたのは、プラグインを含むページで[要素の検査]をクリックすると、すべてが正常になり、マップが正常に機能することです。

これは奇妙に思えるかもしれませんが、それは私が気づいたことです。問題は何であり、それを修正する方法はありません。

注：ChromeとFirefoxブラウザでテストしました。

コード

モーダルをトリガーするページ：http： //pastie.org/4594166 モーダルhtml：http ://pastie.org/4594195 gmaps：<script src='http://pastie.org/4595877.js'></script>

score 4 · Accepted Answer

あなたの地図はデフォルトでは表示されていないと思いますが、コードは役に立ちます。マップが表示されたときにサイズ変更をトリガーする必要があるようです。Mapオブジェクトの[イベント]の[サイズ変更]を参照してください。

[このスクリプトを機能するように追加しました]

$(document).ready(function () { 
  $('#mymodal').on('shown', function () { 
    google.maps.event.trigger(map, 'resize');  
  });   
});

1 に答える 1