Assuming your map is a Map, you can listen to the tab and fire the
resize by adding this to initialize:
$("a:contains('POI')").click(function(){
google.maps.event.trigger(map, 'resize');
});
Hope this helps.
On Dec 29, 5:08 pm, "[email protected]" <[email protected]>
wrote:
> On Dec 29, 7:40 pm, elchino <[email protected]> wrote:
>
> > Thank you for your response . I have tried what you suggest but I
> > don't seem to fully understand how to do this.
> > Can you please give me an example?
>
> No, I don't have one, I don't use jquery. But this has come up many
> times in this group, so a search may yield one.
>
> --- Larry
>
>
>
>
>
>
>
>
>
> > Thanks
>
> > On Dec 27, 12:32 pm, "[email protected]" <[email protected]>
> > wrote:
>
> > > On Dec 27, 1:23 pm, elchino <[email protected]> wrote:
>
> > > > Hello,
> > > > I am trying to place tow different maps on the same page. One to show
> > > > location and one to create POIs.
>
> > > > The problem I have is that the second map does not load completely and
> > > > loads
> > > > off centered. I have looked in the forums and found out that you have
> > > > to
> > > > give the maps different ID when you use more than one map on the same
> > > > page
> > > > page.
>
> > > > This problem is intermittent, I mean, it does not load correctly
> > > > sometimes
> > > > and some times it does.
>
> > > > Here is the link to my site:
>
> > > >http://184.106.155.252/index.php
>
> > > > you will need to login, with the user: test and password : a00b20
>
> > > I don't do that.
>
> > > > There is also a no login version of the map, which for some reason does
> > > > load
> > > > ok more times than the login version.
> > > > Please take a look at:
>
> > > >http://184.106.155.252/google.php
>
> > > > You will see a jquery TAB widget the default tab is MAP which has the
> > > > first
> > > > map and the second map is found in POI tab
>
> > > You need to trigger the resize event on the map when you unhide hidden
> > > tabs (which causes the size reported for the div to change from zero
> > > to the correct
> > > size):http://code.google.com/intl/sv-SE/apis/maps/documentation/javascript/...
> > > resize
> > > None
> > > Developers should trigger this event on the map when the div changes
> > > size: google.maps.event.trigger(map, 'resize') .
>
> > > -- Larry
>
> > > > Thank you very much in advance for your help.
>
> > > > Regards,
>
> > > > elchino
--
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.
