Carte Google Maps ne s'affiche pas entièrement

**Kentin64** · 18/08/2011, 11h26

Bonjour,

J'ai repris le code d'un développeur de mon entreprise pas très habile avec l'API Google Maps.

Le soucis est que la carte s'affiche sur la moitié gauche et l'autre moitié reste grise. Lorsque l'on déplace la carte, l'affichage n'est jamais entier. De plus, lors du déplacement de la carte, ça bug : si l'on s'approche de la zone grise tout en maintenant le clic et qu'on le relâche, le clic est enfait maintenu et continu de déplacer la carte n'importe comment. (C'est pas très clair tout ça... --' ).

J'ai fait énormément de fonctionnalité sous Google Maps, mais je n'ai jamais eu ce problème. Et aucun forum n'en parle ! (ou alors j'ai pas trouvé... )

Je vous donne le code (vous observerez en plus qu'il n'y a rien de compliqué)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.1&sensor=false"></script>
<script type="text/javascript">
 
var g = google.maps; // Permet d'écrire plus vite les déclarations d'objets GM
var map;
var imagePointer = '<?php echo $imageName; ?>';
 
var mapAgence = function (Lat, Lng, id_agence) {
 
	var point = new g.LatLng(Lat, Lng);
 
	// Création de ma carte
	var optionsMap = {
		center: point,
		zoom: 15,
		mapTypeId: g.MapTypeId.ROADMAP
	};
 
	map = new g.Map(document.getElementById("map_canvas_"+id_agence), optionsMap);
 
	// Attachemement d'un marker
	var icon = new g.MarkerImage( 
	  '/images/gestAg/'+imagePointer,
	  new g.Size(278, 80),
	  new g.Point(0, 0),
	  new g.Point(103, 79)
	 );
 
 
	var optionsMarker = { // Les options du Marker afin de le définir
	  icon: icon,
	  map: map,
	  position: point
	 };  
 
	var marker = new g.Marker(optionsMarker);
 
	g.event.addListener(marker, 'click', function() {
		alert ("map_canvas_"+id_agence);
	});
 
};//end:: funtion mapAgence
 
</script>
 
// ...
// Du code en html
// ...
 
<div id="map_canvas_<?php echo $rowAg['id_agence']; ?>" style="width:390px; height:290px; "></div>
 
// ...
// Du code en html
// ...
 
<script type="text/javascript">
	mapAgence (<?php echo $rowAg['compAg_gmap_lat']; ?>, <?php echo $rowAg['compAg_gmap_long']; ?>, <?php echo $rowAg['id_agence']; ?> ); 
</script>

P.S. : D'habitude je met mon code entre les balises <head>, mais ici je n'ai pas réussi. ( on utilise de l'ajax et il y a un fichier par onglet + un fichier pour le <head> et qques autres trucs si ça peut vous aider )

Merci !

**Nowwis** · 19/08/2011, 09h20

Bonjour,

Cela vient du fait que ta google map est dans un onglet...

Un beug connu malheureusement.

Si tu veux des onglets, je te conseille de passer par JQuery Tabs UI qui a l'air de marcher au niveau des onglets et de google maps.

**Kentin64** · 19/08/2011, 10h19

Merci !

Le problème, c'est que je ne peut pas me permettre de modifier tout mon code. Il y a 9 onglets bien chargés, ce serait trop long. Du coup, je vais l'ouvrir dans un popup.

En tout cas, merci pour ta réponse. Je te tiendrais au courant si ça marche.

Bye !

Carte Google Maps ne s'affiche pas entièrement

APIs Google

Discussions similaires

Partager

Partager