隐藏div上的Google Map API V3(jquery-ui标签)

Question

我知道这个问题很古老,但我似乎无法找到明确的指示.

问题的关键是当谷歌地图加载到隐藏(显示:无)div,例如jQuery标签等时,谷歌地图不会完全加载(部分显示).

API V3不再接受checkResize(),'left:-1000px'不是一个优雅的解决方案.

我听说延迟构建地图,并在点击标签时重新加载地图,但请帮我确切的代码.

Answer 1

为什么你说"左:-1000px'不是一个优雅的解决方案"？它在API v2中对我很有用,也应该适用于API v3(未经过测试,如果它不起作用,请告诉我).

重绘,即API v2 checkResize()在API v3中以这种方式完成:

google.maps.event.trigger(map, 'resize');

这是我的jquery-ui标签的CSS示例(受http://jqueryui.com/demos/tabs/启发 ):

.ui-tabs .ui-tabs-hide#my_tabs-1 { /* my_tabs-1 contains google map */
    display: block !important;
    position: absolute !important;
    left: -10000px !important;
    top: -10000px !important;
}