Thanks again, Martin. You can change "might help" to "will help."
Works perfectly, all around. Outstanding. Thank you!
Scott
Here's the code Martin suggested before with the overflow bit added if
someone needs to see it put together:
...
<style type="text/css">
/* get rid of any browser default setings for border, margin and
padding */
* {
border:0px;
padding:0px;
margin:0px;
}
html, body {
height:100%;
overflow:hidden;
}
</style>
...
On Aug 29, 2:51 pm, Martin <[email protected]> wrote:
> 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.
