Redimensionner google map continouosly

Question

J'utilise Google Map Api v3. Je tournerai ma carte de hauteur div avec la JQuery suivante:

$(document).ready(function() { 
    var wHeight = $(document).height(); 
    var mapHeight = wHeight - 120; 
    $("#map_canvas").css('height' , mapHeight); 
    }); 

J'ai barre supérieure div en haut, c'est pourquoi je soustrais 120 pixels et régler la hauteur de toile de carte. Cela fonctionne très bien au chargement de la page, mais je ne peux pas obtenir la carte à redimensionner lorsque je redimensionne le navigateur, il reste le même.

Je sais qu'il ya un événement resize dans l'API:

google.maps.event.trigger(map, "resize"); 

Je ne sais pas comment combiner cette ligne au-dessus JQuery pour travailler.

Merci.

Answer 1

Je pense que vous pouvez résoudre votre problème avec le CSS suivant:

#map_canvas { position: absolute; top: 120px; left: 0; right: 0; bottom:0; z-index: 1; overflow: hidden; } 

Answer 2

Utilisation .resize:

$(window).resize(function() { 
    var wHeight = $(document).height(); 
    var mapHeight = wHeight - 120; 
    $("#map_canvas").css('height' , mapHeight); 
});