Carte Google Maps ne s'affiche pas entièrement
Bonjour,
J'ai repris le code d'un développeur de mon entreprise pas très habile avec l'API Google Maps. :roll:
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é... ) :cry:
Je vous donne le code (vous observerez en plus qu'il n'y a rien de compliqué)
Code:
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 ! :ccool:
