Home About Us Articles Blog Contact Us Links

Full screen support. Resizes with your browser

Two parts to this. Resize the div of the map to the right size. Either set it to 100% or else add sizing to custom MapResize()

<div id='myMap' style="position:relative; width:100%; height:100%;"></div>

Call map.Resize() with the correct size.

function MapResize() //resize
{
    if (map != null)
    {    
        if( typeof( window.innerWidth ) == 'number' )
        {
        //Non-IE
        map.Resize(window.innerWidth,window.innerHeight);
        } 
        else if( document.documentElement && ( document.documentElement.clientWidth 
             || document.documentElement.clientHeight ) )
        {
        //IE 6+ in 'standards compliant mode'
        map.Resize(document.documentElement.clientWidth,document.documentElement.clientHeight);
        }
    }
}

usage:

<body onload="GetMap();" onresize="MapResize();">

Something wrong with the code? Correct it at the Virtual Earth WIKI

Full screen support. Resizes with your browser.