使用jquery手风琴隐藏大部分的google地图

Question

我有一个手风琴部件有2个选项卡。他们每个人都有一个GoogleMap。第一张地图得到正确显示，但是当我打开第二张地图时，只有一部分地图出现在视口中。

如果我通过注释掉以下代码来删除小部件，那么这两个贴图都会正确显示。

$("#accordion").accordion({ 
     header: "h3", fillSpace: true, event: "mouseover" 
    }); 

如何在使用这个小部件的同时仍能正确显示两个地图？

请检查http://forums.asp.net/t/1780781.aspx/1?using+jquery+accordion+hides+most+of+googleMap以获取代码，因为在本网站上发布该代码非常麻烦。

非常感谢！

Answer 1

您需要观察手风琴的变化事件，并在地图触发时触发调整大小事件。

实施例：http://jsfiddle.net/doktormolle/VqzPE/

示例存储手风琴式内容的数据内的地图，所以你可以方便地访问其变化的火灾时。