私は 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');
これは基本的に、マップを再描画するための信号をマップに送信します。