私はGmaps4railsを使用していて、タブ内でGmaps4railsを機能させることができ、このコードをタブの機能に追加しました。
$(function() {
$( "#tabs" ).tabs({
fx: { opacity: 'toggle' },
select: function(event, ui) {
jQuery(this).css('height', jQuery(this).height());
jQuery(this).css('overflow', 'hidden');
},
show: function(event, ui) {
jQuery(this).css('height', 'auto');
jQuery(this).css('overflow', 'visible');
google.maps.event.trigger(map, 'resize');
}
});
http://hik-fyp.heroku.com/en/events/31
この例(下にスクロールして[マップ]タブをクリック)でわかるように、マップは正常に見えますが、マーカーは左上隅のすぐ外にあります。マーカーは正しい位置にあり、地図は中央にありません。
それはなぜですか?