ruby-on-rails - gmaps4rails 在 iside 选项卡时仅显示 map 的一半。知道为什么吗？

Question

我一直在环顾四周，但我没有发现这样的问题。

Gmaps4rails 非常适合我!

问题在于插入 JQuery 选项卡时。它加载了一半的 map 。它实际上看起来像缺少图片。我可以像往常一样移动/调整大小。但只显示 map 的一部分。
缺少的部分通常是左/下部分。但是空白部分的大小一直在变化。

同时，在 map 上悬停时显示鼠标光标的手在悬停该空白部分时变为箭头(但该部分仍在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 中 resize 的调用方式不同

尝试调用google.maps.event.trigger(map, 'resize')
编辑

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

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