# Google Map V3 不能正确载入到 Tab 的解决办法示例

**URL:** <https://www.isharkfly.com/t/google-map-v3-tab/9082>\
**Category:** 前端\
**Created:** [March 21, 2013, 1:53pm UTC](https://www.isharkfly.com/t/google-map-v3-tab/9082 "2013-03-21T13:53:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![honeymoose](https://www.isharkfly.com/user_avatar/www.isharkfly.com/honeymoose/32/20796_2.png) [@honeymoose](https://www.isharkfly.com/u/honeymoose)\
**Post date:** [March 21, 2013, 1:53pm UTC](https://www.isharkfly.com/t/google-map-v3-tab/9082/1 "2013-03-21T13:53:08Z")

</div>

可以参考下面的代码进行处理：[code]

Solution 1: Repair/show previously hidden map - Google Maps .tab-content { border: 2px solid; width: 900; height: 500px; padding: 10px; }

li {  
display: inline;  
background-color: #2A2D2F;  
padding: 5px 8px;  
margin-right: 5px;  
}

li a {  
color: white;  
}

#map-content {  
height: 400px;  
width: 900px;  
}

# This is solution 1 for hidden map for entry [Google Maps in hidden div](http://www.isharkfly.com)

- [Tab1](#tab1)
- [Tab Map](#tab2)
- [Tab3](#tab3)
- [Tab4](#tab4)
- [Tab5](#tab5)

TAB 1

Lorem ipsum

Dolor sit

Lorem Map

TAB 3

Lorem ipsum

Dolor sit

TAB 4

Lorem ipsum

Dolor sit

TAB 5

Lorem ipsum

Dolor sit

[/code]程序运行结果： ![](https://cdn.isharkfly.com/com-ossez-www/data/attachment/forum/201303/21/085304gln5sx5zomrousxj.jpg)