谷歌地图API与jQuery标签(Google Map API with jQuery tab)

我采取谷歌地图使用jQuery标签，但没有得到正确的显示。

我曾尝试这个代码回到中心标签ID的地图的onclick。

<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响应选项卡界面插件- jQueryTab

而我的jsfiddle是： 代码

我会很高兴如果你指导我，帮助我解决这个问题。

谢谢。

Answer 1:

1. 你触发事件'location-canvas' ，什么是只有一个字符串，则必须提供google.maps.Map -instance作为参数

2. 触发调整大小事件的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); }} 

演示： http://jsfiddle.net/doktormolle/xzVpW/

注： map -variable不可用后的方法内。 在我修改我摆弄里面存放的实例$('#location-canvas').data

文章来源: Google Map API with jQuery tab