28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous

Je cherche à afficher une carte Google Maps de façon "responsive".
J'ai travaillé à partir d'un article http://www.labnol.org/internet/embed-responsive-google-maps/28333/
Contrairement à ce qui est décrit dans cet article, j'ai besoin de charger cette carte dynamiquement, alors que dans l'article il s'agit d'une carte statique, donnée par une adresse "https://www.google.com/maps/embed?pb=....."

Voici la page que j'ai créée: http://jpmoularde.free.fr/maps/maptest4.html
Contrairement à ce qui se passe dans la carte exemple de l'article, la fenêtre (iframe) se redimensionne bien, mais la carte ne le fait pas.
Quelqu'un aurait il une solution à ce problème?

Merci pour votre aide
Tout bête, il suffit d'ajouter le code suivant dans le JS
google.maps.event.addDomListener(window, "resize", function() {
   var center = map.getCenter();
   google.maps.event.trigger(map, "resize");
   map.setCenter(center); 
});