Appreciate your time looking into this David. I tried that suggestion but still it does not behave correctly. One thing I noticed that may be a clue is a difference in behavior of the two maps following initial rendering. If you hover the mouse over the map zoom controls on the Tournaments map, then the pointer correctly changes to the "ponter finger" icon. Click the South Africa 2010 tab and do the same on its map and it remains as the "arrow" icon.
If you have any other thoughts or suggestions, please let me know. Thanks again, -Mark On Oct 29, 7:40 pm, David Huynh <[email protected]> wrote: > Mark, > > It looks like there's some timing issue. If you add a delay I think it > works: > > $("#tabs").bind('tabsselect', function(event, ui) { > if (ui.panel.id == "south-africa-2010-tab-pane") { > window.setTimeout(function() { > exhibit.getComponent("qualifier_map")._map.checkResize(); > }, 100); > } > > }); > > David > > > > mleden wrote: > > Thanks David. I tried as you suggested but couldn't get that to > > work. It appears that I'm trapping the event correctly but still the > > (second) map is not re-centered. I also tried to follow a jQuery > > thread along similar lines, also without success. If you could take a > > look at the source and let me know what I'm doing wrong, that'd be > > great: > >http://www.thisbeautifulgame.com > > > -Mark > > > On Oct 26, 10:40 am, David Huynh <[email protected]> wrote: > > >> Hi Mark, > > >> You can register for the event that the second tab is selected, and then > >> call: > > >> exhibit.getComponent("qualifier_map")._map.checkResize(); > > >> David > > >> On Mon, Oct 26, 2009 at 7:28 AM, mleden <[email protected]> wrote: > > >>> Hi, > > >>> Has anyone created an Exhibit with multiple maps? > > >>> For an example of the problem I'm seeing, go to: > >>>http://www.thisbeautifulgame.com/ > >>> (Please note the page may take a few seconds to load.) > > >>> The map on the default (Tournaments) tab pane renders correctly > >>> centered. However, the map on the South Africa 2010 tab pane does > >>> not. > > >>> Is there some trick necessary to make this work? I tried adding > >>> unique DIV id's but that didn't seem to help. Is it possibly related > >>> to my use of jQuery tab panes? > > >>> Thanks for any suggestions, > >>> -Mark- Hide quoted text - > > >> - Show quoted text -- Hide quoted text - > > - Show quoted text - --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "SIMILE Widgets" 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/simile-widgets?hl=en -~----------~----~----~----~------~----~------~--~---
