Hi Mark,
That's odd... it seems to be working fine now for me on Firefox 3.5 on
the Mac. On Safari 4 and Chrome 1, the map got resized and painted
properly, but as you said the mouse cursor was not right. Also, the
diagonal arrow of the mini map was incorrectly positioned at the top
left corner of the map
http://imagebin.ca/img/Ps2ESMhk.png
Clicking it seemed to get both the mini map and the full map to behave
properly after that.
Have you tried to play with the delay, changing from 100 milliseconds to
something longer? Or does your tab widget have other events that occur
after tabsselect? Other than that, I don't know. Googling for "google
maps checkResize" does show people having problems with checkResize.
David
mleden wrote:
> 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
-~----------~----~----~----~------~----~------~--~---
