2013-06-23 12 views
41

私はこのコードをブートストラップテンプレート内で使用しています。私は、ブートストラップタブのコンテンツペイン内に画像を読み込む際に問題に直面しています。JavaScriptでGoogleマップを手動で再読み込みする方法

これは私が地図を初期化するために使用するJavaScriptコードです:

var latlng = new google.maps.LatLng(50, 50); 

var myOptions = { 
    zoom: _zoom, 
    center: latlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    mapTypeControlOptions: { 
     style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
    } 
}; 

var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions); 

var marker = new google.maps.Marker({ 
    position: latlng, 
    map: map, 
    title: 'Google Office!' 
}); 

私は手動でGoogleマップのインスタンスをリロードするために、インターネット上の任意の方法(複数可)を発見していません。

これは可能ですか?ありがとう!

+0

ヘルプ...誰か? –

答えて

115

このようなはい、できます「リフレッシュ」Googleマップ:

google.maps.event.trigger(map, 'resize'); 

これは、基本的に、それを再描画するためにあなたのマップに信号を送ります。

希望に役立ちます!

+2

Googleのiframeを使用している場合、これは機能しますか?このコードはどこに置くのですか? – MrDirby

+0

Argh!それとも、私は考えました...つまり、いくつかの注意点があります。 Chromeではまったく動作していないようですが、それはFirefoxであり、これは奇妙なことです。また、 'resize'をトリガーすることでdivをきれいに再配置しますが、手作業でサイズを変更するまでは、私の場合はまだ数ピクセルです。 –

関連する問題