55

Bootstrap テンプレート内でこのコードを使用しています。Bootstrap タブのコンテンツ ペイン内に画像をロードするときに問題に直面しています。

これは、マップを初期化するために使用する 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 マップ インスタンスを手動で再読み込みする方法がインターネット上で見つかりませんでした。

これは可能ですか？ありがとう！

4

3 に答える 3

128

はい、次のように Google マップを「更新」できます。

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

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

それが役立つことを願っています!

于 2013-06-25T04:56:34.670 に答える