当iside选项卡时,gmaps4rails只显示地图的一半.知道为什么吗？

Question

我一直在四处寻找,但我没有发现这样的问题.

Gmaps4rails非常适合我!

插入JQuery选项卡时遇到麻烦.它加载了一半的地图.它实际上看起来像是缺少图片.我可以照常移动/调整大小.但只显示地图的一部分.缺少的部分通常是左/下部分.但是空白部分的大小一直在变化.

同时,悬停地图时显示鼠标光标的手在悬停此空白部分时变为箭头(但此部分仍在Google容器内).

如果我将gmaps容器放在JQuery选项卡之外,它就能完美运行.谁看过这个吗？

视图

   #tabs-4
     #gmap
       =gmaps("map_options" => { "detect_location" => true, "auto_zoom" => false, "center_on_user" => true, "zoom" => 17},"markers" => { "data" => @json })

非常感谢!

Answer 1

请参阅此链接http://jqueryui.com/demos/tabs/#...my_slider.2C_Google_Map.2C_sIFR_etc._not_work_when_placed_in_a_hidden_​​.28inactive.29_tab.3F

但是在V3中调整大小的方式不同

试着打电话 google.maps.event.trigger(map, 'resize')

编辑

我找到的每个方法都指的是JavaScript的变化.我发现的另一种方式http://snipplr.com/view/57003/

$('#tabs').tabs({
    show: function (event, ui) {
        google.maps.event.trigger(map, 'resize');
    }
});