You have two problems
1] The map div is zero sized at the moment when Map is created. It
takes its final size when 'map' tab is clicked open. There is 'resize'
event of Map that you should trigger after the 'map' tab is opened.
Documentation says about 'resize':
"Developers should trigger this event on the map when the div changes
size: google.maps.event.trigger(map, 'resize') ."
You can test that manually by slightly adjusting size of your browser
window. Tiles are loaded but there is still some mess.
2] You also have a CSS trouble.
#listing-detail div {
margin: 0px 20px;
padding: 0px;
height: 100%;
width: 580px;
float: left;
display: block;
position: relative;
overflow: hidden;
}
Seems to be guilty.
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
