0

我在尝试使用 CSS Tricks Organic Tabs ( http://css-tricks.com/organic-tabs/ ) 实现 Google Maps 时遇到问题。我修复了单击选项卡时地图无法正确加载的问题。但现在我坚持把地图偏离中心。

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

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

4

1 回答 1

0

尝试将 setTimeout 设置为 500 左右，它为我修复了故障行为。您还可以在重绘后再次设置中心...例如，在您从 tabs .js 中的点击事件返回 false 之前放置它：

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

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

于 2013-08-14T06:56:52.447 回答