Question

我在尝试使用CSS Tricks Organic Tabs（http://css-tricks.com/organic-tabs/）实现Google地图时遇到问题。我修复了单击选项卡时未正确加载地图的问题。但现在我坚持把地图从中心扔掉。

单击选项卡时，我正在尝试设置地图的中心。这可能吗？像这样：

jQuery('tab-nav li > a').click(function(){
    map.setCenter(point);
});

这是我解决它无法正确显示的问题

// Fade in new list on callback
base.$el.find("#"+listID).fadeIn(base.options.speed, function(){
    if(map != undefined && map != null)
        google.maps.event.trigger(map, "resize");
});

您可以在此处查看问题：https://www.revival.tv/new/

只有在该标签上加载时才能正确显示地图：https://www.revival.tv/new/?tab=location

Answer 1

尝试一个500左右的setTimeout，它修复了我的毛刺行为。您也可以在重绘后再次设置中心...例如在您从选项卡.js：

中的click事件返回false之前放置它

setTimeout(function() {
                        google.maps.event.trigger( minimap[redrawMapId], 'resize' );
                        minimap[redrawMapId].setZoom( 11 );
                        minimap[redrawMapId].setCenter(myLatLng); 
                    }, 500);

minimap [redrawMapId]就是我的代码中的“地图” - 我在页面上有几张地图。

使用谷歌地图与CSS技巧有机选项卡

1 个答案: