If you search this forum for "hidden map display problem" I think you will get a lot of hits and a variety of advice.
The problem is most likely due to the use of the the way "display=none" works. This sets the size of the object to 0, and prevents the API from configuring the map correctly. You might try one of these work-a-rounds: 1) I assume you are using the "display" property and setting it to "NONE" to hide the div. Try the "visibility" property instead. 2) wait till you un-hide the div before loading the API. To do this take the HTML file that displays the map (creates, the map div, etc.) and load it into the iframe using the src=xxx just after making the div visible.. 3) use z-index to put the div behind or in front of whatever you have on the page when the map is not showing. Good luck On Jun 8, 3:12 pm, joeb <[email protected]> wrote: > Hi, > > Hopefully someone can shed some light on this. > > I have added a map using an iframe in the following page, however the > map is not centering correctly. Reading a few articles here, I think > it could be something to do with the fact that the iframe sits within > a stylesheet hidden div tag. The map works perfectly outside of the > tabbed (div) section of the site. I am very new to web design and > Google maps in particular, so hopefully someone can explain the issue > and offer a easy to understand fix for this. > > http://www.sharm-el-sheikh-travel.com/baron-resort-hotel/ > > The map can be found under the location tab. > > The following files include the necessary tab css and > JS.http://www.sharm-el-sheikh-travel.com/wp-content/themes/atahualpa/tab...http://www.sharm-el-sheikh-travel.com/wp-content/themes/atahualpa/tab... > > Many thanks > Joe --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Maps API" 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-API?hl=en -~----------~----~----~----~------~----~------~--~---
