Hi again.
You might want to try using CSS overflow property to avoid the scroll
bars.
Set overflow to hidden for the body element:
body {
overflow:hidden;
}
That 'might' help.
Martin.
On 29 Aug, 18:45, ScottE <[email protected]> wrote:
> Hi all, if anyone's interested, I solved the problem with the timeout
> (described in #8 above) and I wanted to share since the folks on this
> forum have been really, really helpful. Here's a link to a GMap that
> does the following: creates an iframed Gmap (we did it in Thickbox,
> btw) that extends all the way to the edges of the iframe, without
> scrollbars or padding; loads the Gmap over the correct geographical
> location; includes a GEarth maptype with properly loaded layer
> overlays (e.g. Borders, Roads), with the timeout and listener to make
> it work; works in FFox for PC and Mac, IE8, and Safari for PC and Mac.
>
> http://mysite.verizon.net/vzenti29/public_html/GMap3.html
>
> Two minor issues: switching map types creates minor scroll bars, both
> horizontally and vertically, and switching to GEarth type creates a
> vertical one. But I can more than happily live with that. If anyone
> has a fix for that minor issue, bring it on. I'm going to try adding
> map.checkResize();
>
> The real trick for making this work (for me, anyway) was locating the
> " }, 1 ); " line in the right place, which concludes this
>
> function initialize() {
> if (GBrowserIsCompatible()) {
> setTimeout( function() {"
>
> I can't remember where we got the code for that method of doing the
> delay. Probably from this forum. I was evidently trying the wrong
> delay method. Anyway, it works now.
>
> Hope that helps someone. Thanks again, Martin, Rossko, and Grok
> Lobster, particularly to Martin for taking the time to rewrite my
> code.
> Scott
>
> On Aug 24, 10:30 am, ScottE <[email protected]> wrote:
>
> > Thanks again, Martin. I really appreciate your expert help.
> > Scott
>
> > On Aug 24, 7:15 am, Martin <[email protected]> wrote:
>
> > > If you want help with the map initialisation in various browsers you'd
> > > be best starting a new thread as the original topic of this thread is
> > > now fixed.
>
> > > Nothing springs to my mind as a possible cause for the errors you
> > > describe.
>
> > > Martin.
>
> > > On 24 Aug, 03:34, ScottE <[email protected]> wrote:
>
> > > > Hi Martin, thanks again for reworking my code. Your help is very much
> > > > appreciated.
>
> > > > I loaded that code into the iframe and it loads in Mac Safari and FFox
> > > > without any border/padding/margin (outstanding!). It loads 100%
> > > > perfectly in Mac Safari, but in FFox the iframed map loads over New
> > > > Delhi, India, instead of Afghanistan and loads with only the simple
> > > > plus/minus zoom nav controls (instead of the full controls) and a drop
> > > > down map selector instead of the buttons. Could that be due to the
> > > > lack of a loadDelay to accommodate the iframe load? I had originally
> > > > put that in based on
> > > > this:http://groups.google.com/group/google-maps-api/browse_frm/thread/9cdd...
>
> > > > Thanks again. It's great to see the map load flush.
> > > > Scott
>
> > > > On Aug 23, 10:16 am, ScottE <[email protected]> wrote:
>
> > > > > Martin, thank you very much! I really appreciate the help. I'll try
> > > > > what you recommend today or tonight.
> > > > > Scott
>
> > > > > On Aug 23, 7:14 am, Martin <[email protected]> wrote:
>
> > > > > > Hi Scott.
>
> > > > > > Take a look at this version of your page:
>
> > > > > >http://code.martinpearman.co.uk/deleteme/GMap1.html
>
> > > > > > I'm 99% sure you don't need the loadDelay() function as the
> > > > > > initialize() function only executes once the entire page has loaded
> > > > > > -
> > > > > > whether the page is viewed directly or within an IFRAME i don't
> > > > > > think
> > > > > > you need that delay.
>
> > > > > > And the line:
>
> > > > > > google.load("maps", "2.x");
>
> > > > > > Is not required either - the API loads via the SCRIPT element with
> > > > > > the
> > > > > > API key.
>
> > > > > > Putting the height:100% CSS rule in an inline STYLE element means
> > > > > > the
> > > > > > page now validates:
>
> > > > > >http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fcode.martinp...
>
> > > > > > Your version of the page has some errors - whether one or more of
> > > > > > these errors stopped the map displaying full 100% size i don't know:
>
> > > > > >http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmysite.veriz...
>
> > > > > > Martin.
>
> > > > > > On 22 Aug, 18:59, ScottE <[email protected]> wrote:
>
> > > > > > > Hi guys,
> > > > > > > I spent some more time working with the Econym example Martin
> > > > > > > recommended and made some real progress just by playing with the
> > > > > > > Gmap
> > > > > > > code and doing nothing with the styling. Updated Gmap:
>
> > > > > > >http://mysite.verizon.net/vzenti29/public_html/Gmap1.html
>
> > > > > > > Emulating the Econym map's earlier body and div was kind of
> > > > > > > tricky for
> > > > > > > me (and I realized naming the div element "map3d" or "map" etc is
> > > > > > > arbitrary). As you can see the width is now 100% and the map
> > > > > > > outputs
> > > > > > > flush with the browser window edge widthwise (it's that way in the
> > > > > > > iframe too; a major improvement), but 100% height doesn't work
> > > > > > > for my
> > > > > > > map like it does on the Econym example. If I use Econym's code,
> > > > > > > 100%
> > > > > > > height in the div ends up perfectly flush at top and bottom. Not
> > > > > > > so in
> > > > > > > my map — still somepaddingat top and bottom, and a vertical scroll
> > > > > > > bar. Any ideas what I'm doing wrong?
>
> > > > > > > As a workaround, I can set the div height to 90%, which creates a
> > > > > > > bit
> > > > > > > morepadding, but removes the scroll bars completely. (Still a
> > > > > > > major
> > > > > > > improvement.)
>
> > > > > > > By the way, the first timeout in my code is for accommodating the
> > > > > > > iframe load and the second allows time for the GEarth layers to
> > > > > > > load.
> > > > > > > I also tacked in a map.checkResize(); after the GEarth functions —
> > > > > > > without it, for some reason, sideways/width scrollbars appeared
> > > > > > > when
> > > > > > > switching from the GEarth layer to a regular map within the
> > > > > > > iframe.
>
> > > > > > > And unlike the Econym map, I added <body onload="initialize()" to
> > > > > > > this
> > > > > > > line: <body onload="initialize()" onunload="GUnload()"
> > > > > > > style="height:
> > > > > > > 100%;margin:0">
> > > > > > > Seemed liked the most proper way to do it. I tried it with and
> > > > > > > without, and it didn't seem to make a difference, but is the
> > > > > > > intitialize() in that line perhaps redundant?
>
> > > > > > > Thanks a lot,
> > > > > > > Scott
>
> > > > > > > On Aug 19, 3:22 pm, ScottE <[email protected]> wrote:
>
> > > > > > > > Thanks a lot Mike and Martin.
> > > > > > > > I tried out Martin's first idea based on the econym code but no
> > > > > > > > luck.
> > > > > > > > It could be because I'm using a GEarth layer and map = new
> > > > > > > > GMap2(document.getElementById('map3d') instead of the simple
> > > > > > > > "map" (I
> > > > > > > > remember "map" never worked with GEarth for me). But it could
> > > > > > > > be many
> > > > > > > > other things.
>
> > > > > > > > I'll keep playing with that and I'll try the CSS
> > > > > > > > andiframeparameters
> > > > > > > > angles too. If this matters, the Gmap code is linked to from
> > > > > > > > within a
> > > > > > > > div on the parent page, and theiframeis being created by
> > > > > > > > Thickbox.
> > > > > > > > Thanks again guys.
>
> > > > > > > > If anyone else has other ideas, or would like to chime in about
> > > > > > > > the
> > > > > > > > ones above, please do. I really appreciate the help.
> > > > > > > > Scott
>
> > > > > > > > On Aug 19, 1:51 pm, Mike Williams <[email protected]>
> > > > > > > > wrote:
>
> > > > > > > > > In the parent page use the following parameters inside the
> > > > > > > > > <iframe>
> > > > > > > > > call.
>
> > > > > > > > > scrolling="no"
> > > > > > > > > marginheight="0"
> > > > > > > > > marginwidth="0"
> > > > > > > > > frameborder="0"
>
> > > > > > > > > --
> > > > > > > > > Mike Williams
--
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.
