Discussion :

[echef]

Bonjour,

je suis en train d'implanter google map dans mon site avec la bibliothèque GMAP3,

le probleme est que l'affichage de la carte est incomplet(voire image),
et lorsque j'agrandit ou bien diminuer la taille du navigateur l'affichage devient normale?
je sais pas de qui s'agit'il ??

aide moi SVP ?

Merci par avance

[aritas]

Salut,

Tu peux nous montrer le code js pour la map et la div que tu utilise ?

Merci d'avance.

Edit : Ce lien peut surement t'aider : http://javascript.developpez.com/faq...fichageComplet

[echef]

Bonjour,

Merci pour ta reponse,
en faite j'ai trouvé presque une seule solution sur le net cé de resize le map

http://blog.codebusters.pl/en/entry/...-in-hidden-div

merci

[NoSmoking]

Bonjour,
le cas est un grand classique et la méthode que tu appliques pour le résoudre est une des façons mais à mon sens pas la plus judicieuse attendu qu'à chaque fois que tu vas ouvrir l'onglet la fonction s'exécutera.

Je trouve plus "propre" de gérer cela exclusivement en CSS.

Sur base de l'exemple disponible dans ton lien, en mettant le CSS suivant

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
.tab-content {
  border:2px solid;
  width:900px;
  height:500px;
  padding:10px;
}
.hidden_tab {
  border:0;
  overflow:hidden;
  height:0px;
  padding: 0;
}

il suffit dans le javascript de faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$(document).ready(function(){
	$('.tab-content').not(':first').addClass( "hidden_tab")
	$('.tab').click(function(e){
		e.preventDefault();
		$('.tab-content').addClass( "hidden_tab");
		$($(this).attr('href')).removeClass( "hidden_tab");
	});
});

et le tour est joué.