so, in porting from v2 where there are tabbed infowindows (yay!) to v3 where there are not (boo!), I found various examples of detail maps in infowindows and others using jQuery tabs to make tabbed infowindows, but I didn't come across anybody doing both at the same time.
So I made my own. It's not fantastic as you end up appending a new map to the tab every time you open it (not that you'd notice) and of course there is the old drama of some browsers putting unwanted scroll bars in the infowindows. There are a couple of css parameters to play around with here - in my example markerTabs is the class name for the div that gets passed during the marker creation routine - I found it's best to specify a height for this early on to minimise scrollbar hassles later. The other one is the ui.panel, which appears to me to be the div (or something) inside the tab - I found that making it 65% means it doesn't overflow the infowindow and giving it top:35% means the minimap is centered (more or less) on the marker position. Anyway. I hope I haven't just reinvented the wheel, and that this helps someone in the future. If there's an easier/better way to do this I'd love to hear about it. Here's a simplified version showing the bare bones: http://www.xelawho.com/map/markertabs.htm and here's how it works with multiple markers, icons, etc loaded from xml: http://www.xelawho.com/map/v3.htm Both seem to work ok on my versions of FF, IE, Chrome and Opera - I would be interested to hear if there are any bugs elsewhere. Oh, and thanks to geocodezip.com and reizigers.jade1.nl for putting the base code out there - that made it alot easier. -- 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.
