l'api google maps en plein écran

Salut, je suis en train de travailler sur un projet qui nécessite un plein écran google map pour s'asseoir entre un en-tête et pied de page. Je suis sûr que la réponse est assez simple, mais pensé que je voudrais vous demander de toute façon. Le projet consiste en un formulaire où l'utilisateur peut déposer les marqueurs une fois qu'ils ont rempli leur adresse, etc, ne sais pas si tout de la personnalisation aurait pu nuire ou quoi que ce soit...

Quand j'ai travaillé avec l'API google map dans le passé, j'avais normalement, il suffit de changer le css hauteur de 100%, mais pour une raison quelconque au lieu de changer la taille, il supprime la carte entièrement.

#map {
height:500px;
width:1200px;
}

Voici le code.

var map;
var marker;
var Longitude = -1.8822221000000354;
var Latitude = 50.72569620000001;
var zoom = 20;
var bounds = new google.maps.LatLngBounds();
var markers;
var new_marker;
var C;
var popupbubblepath = <%= this.popupbubble.ToString() %>;
var infowindow = new google.maps.InfoWindow();
var ib;

function LoadMap() {

    //Create an array of styles.
    var styles = [
        {
            stylers: [
                { saturation: -100 }, { lightness: -100 }
            ]
        },{
            featureType: "all",
            elementType: "all",

        }
    ];

    //Create a new StyledMapType object, passing it the array of styles,
    //as well as the name to be displayed on the map type control.
    //var styledMap = new google.maps.StyledMapType(styles, {name: "Styled Map"});

    var myOptions = {
        zoom: zoom,
        center: new google.maps.LatLng(Latitude, Longitude),
        mapTypeControl: false,
        scaleControl: false,
        streetViewControl: true,
        overviewMapControl: false,
        zoomControl: true,
        mapTypeControlOptions: {
            style:google.maps.MapTypeControlStyle.DROPDOWN_MENU,
            position:google.maps.ControlPosition.LEFT_BOTTOM 
        },
        zoomControlOptions: {
            style: google.maps.ZoomControlStyle.SMALL
        },
        panControl: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    map = new google.maps.Map(document.getElementById("map"), myOptions);
Êtes-vous à l'aide d'un iFrame? Laissez-nous voir votre balisage.

OriginalL'auteur user2313573 | 2013-06-12