Hi:

Here a minimal-code version of our page that demonstrates this
problem:
http://geo.studioline.net/test.html
If you drag an IE7 or IE8 browser "smaller" the Overview Map will
adjust correctly.
If you drag the browser window larger, then the Overview Map will
ajust to the new bottom/right position BUT, the "show/hide" icon stays
behind at it's previous location!

I then looked at the style that the Google API is using and if copy
that DIV and STYLE and eliminate all Google calls and other content,
then the show/hide icon at the bottom/right of the browser window will
correctly position:
http://geo.studioline.net/test2.html

So, although the problem does NOT appear in Firefox, it also does NOT
appear in IE without the API as a go-between.  Therefore, I assume it
is a conflict caused by the Google API.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
<head>
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <script type="text/javascript" src="http://maps.google.com/maps?
file=api&amp;v=2&amp;key=ABQIAAAAQ7On0IyeXr3Qd__PbLuo9xQWlVrC29lCLtwBOtCck1ewZdkSXRSaS9oks8MtcirOt77yrumBHSkueg"></
script>

<script type="text/javascript">
/* <![CDATA[ */

//
--------------------------------------------------------------------------------------------------
//      Global Constants
//
--------------------------------------------------------------------------------------------------

var strMapDivName = "SLMap";

var map = null;
var width = 0;
var height = 0;

function ResizeView()
{
        var myWidth = document.documentElement.clientWidth;
        var myHeight = document.documentElement.clientHeight;

        var bSizeChanged = false;
        if (width != myWidth || height != myHeight )
            bSizeChanged = true;

        width = myWidth;
        height = myHeight;

        var el = document.getElementById(strMapDivName);

        if (el != null)
                {
                el.style.top = 0;
                el.style.left = 0;
                el.style.width = width + "px";
                el.style.height = height + "px";
                }

        if (bSizeChanged)
                {
                if (map)
                        map.checkResize();

                }
}

function initialize()
{
    if (GBrowserIsCompatible())
        {

        map = new GMap2(document.getElementById(strMapDivName));

        ResizeView();

        map.setCenter(new GLatLng(0, 0), 0);
        map.addMapType(G_PHYSICAL_MAP);
        map.addControl( new GOverviewMapControl() );

        return map;
        }
}

//
==================================================================================================
//      Event Handlers
//
==================================================================================================

document.onresize=ResizeView;
window.onresize=ResizeView;

/* ]]> */
</script>

</head>

<body scroll="no" onload="initialize()" onunload="GUnload()">
        <div id="SLMap" style="position: absolute; left: 0; top: 0; width:
400px; height: 400px;"></div>
</body>

</html

--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to