带有jQuery选项卡的Google地图API

我正在用jQuery选项卡实现Google地图，但没有得到正确的显示。

我已经试着用这段代码在点击tab ID时重新居中映射

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function() {
        jQuery("#tab6").click(function() {
            google.maps.event.trigger('location-canvas', 'resize');
            map.setCenter(bounds.getCenter());
            map.setZoom(16);
        });
    }); 
</script>

jQuery.noConflict（）；
jQuery（文档）.ready（函数（）{
jQuery（“#tab6”）。单击（函数（）{
google.maps.event.trigger（'location-canvas'，'resize'）；
map.setCenter（bounds.getCenter（））；
map.setZoom（16）；
});
}); 

但是没有起作用

我正在使用此选项卡脚本：

我的想法是：

如果您能指导我并帮助我解决这个问题，我将不胜感激

谢谢

触发

'location-canvas'

的事件时，如果只是字符串，则必须提供

google.maps.Map

-实例作为参数

触发调整大小事件onclick可能太早，请改用插件的

after

-方法

after: function(){if($(this).text()==='Google Map'){ 
    //map must be the google.maps.Map-instance and available here
    center=map.getCenter();
    google.maps.event.trigger(map,'resize');
    map.setCenter(center);                                             
}}

演示：

---

注意：

map

-变量在after方法中不可用。在我修改过的fiddle中，我将实例存储在

$（“#位置画布”）中