JavaScript で Google マップを手動でリロードする方法 質問する

JavaScript で Google マップを手動でリロードする方法 質問する

私は 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 マップのインスタンスを手動で再読み込みする方法はインターネット上で見つかりませんでした。

これは可能ですか?また、どのようにすればいいですか? ありがとうございます!

ベストアンサー1

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

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

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

おすすめ記事