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: 150

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:

My map not completely displayed.

© Stack Overflow or respective owner

Related posts about google-maps

Related posts about google-maps-api-3