fullscreen map not displayed correctly
        Posted  
        
            by 
                user1747168
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by user1747168
        
        
        
        Published on 2012-10-15T13:16:56Z
        Indexed on 
            2012/10/15
            15:37 UTC
        
        
        Read the original article
        Hit count: 199
        
google-maps
|google-maps-api-3
I want the map to be opened on full-screen. I've tried this:
<div class="b-firm-map-content" id="map"></div>
<a href="#" onclick="test2();return false;" >full screen</a>
    function test2(){
    var width  = $(window).width()-3;
    var height = $(window).height();
    $('#map').css({
        'width': width,
        'height': height - 40 ,
        'position': 'absolute  ',
        'z-index'   : '900'
    });
 }
but it result in:
- http://pixs.ru/showimage/Snimokpng_5811285_6065704.png
 - http://pixs.ru/showimage/Snimok1png_4265065_6065745.png
 
My map not completely displayed.
© Stack Overflow or respective owner