I did something along these lines on my map at
http://www.keytosavannah.com/maps/search/
using jQuery height/width calculations on the map div:
function windowResize() {
var width = $(window).width();
var height = $(window).height();
$("#left").height(height-90);
$("#main").width(width-380);
$("#main").height(height-90);
$("#category-search").hide();
$(".ui-tabs-panel").height(height-103-$(".ui-tabs-nav").height());
$("#category-search").height($(".ui-tabs-panel").height()-80-$("#text-
search").height()-$("#location-search").height());
$("#category-search").show();
}
my requirements were a bit more complex than yours so the code you'd
need wouldn't be quite so involved... should get you started though.
-Ty Wangsness
On Aug 17, 8:48 pm, Wes Saalmink <[email protected]> wrote:
> I've been trying to solve a problem with embedding Google Maps
> fullscreen on a website, but making it scale in height.
>
> To put it simple, I want Google Maps to display full-screen, but I
> have a 25px header I want to show above it.
> Somehow, it's possible to make the map scale in width to 100% (like
> the example
> ofhttp://groups.google.com/group/Google-Maps-API/browse_thread/thread/b...)
> but I can't make it do the same in height. I always end up with a
> scrollbar on the right. And if I hide the scrollbar, then the Google
> logo isn't visible anymore so that's a no-go aswell.
>
> Has anyone else had this problem?
> My current test page is over here:http://www.noxious.org/test_maps.html
>
> Thanks in advance!
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
