使用jquery手风琴隐藏了谷歌地图的大部分内容

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

你需要观察手风琴的变化事件，并在地图发生时触发地图的resize事件。

示例：http://jsfiddle.net/doktormolle/VqzPE/

该示例将地图存储在accordion-content的数据中，因此您可以在更改时轻松访问它。