Question

我正在使用jQuery标签实现Google Map，但没有正确显示。

我已尝试使用此代码重新显示地图上的标签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>

但没有奏效。

我正在使用此标签脚本：Simple jQuery Responsive Tabs Interface Plugin - jQueryTab

我的JSFiddle是：Code

如果您指导我并帮助我解决此问题，我将不胜感激。

感谢。

Answer 1

你触发了'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);                                             
}}

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

注意：map - 变量在after-method中不可用。在我修改过的小提琴中，我将实例存储在$('#location-canvas').data

带有jQuery标签的Google Map API

1 个答案: