Discussion :

[Nosty]

Bonjour tout le monde,

Je programme à l'heure actuelle un code Javascript qui va insérer des polygons sur une API Google Maps.
Ce dernier marche très bien sur FireFox mais pas sur Internet Explorer et les navigateurs de même base.
Voici le code qui dérange :

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
function afficherContour(id_ref, type, premier){
 
 if (GBrowserIsCompatible()) { 
 
        var xhr = getXhr();
    xhr.onreadystatechange = function(){
    if(xhr.readyState == 4 && xhr.status == 200){
                var xmldoc = xhr.responseXML;
                var markers = xmldoc.getElementsByTagName('marker');
                var pts = new Array();
 
        for (var i = 0; i < markers.length; i++) { 
                      pts[i] = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); 
// ou pts[pts.length] = ...
// ou pts.push ( ... )
 
                }
 
 
                var poly = new GPolygon(pts,"#FF0001",2,1,"#00FF01",0); 
                map.addOverlay(poly); // marche sur FF mais pas sur IE
    }
    }
 
        xhr.open("GET","php/xmlPolygon.php?id_Ref="+id_ref+"&type="+type,true);
    xhr.send(null);
  }
}

J'ai l'impression que le problème vient uniquement de l'insertion du polygon sur la Gmap2 donc soit Gpolygon() soit map.addOverlay().
Je précise que les points sont bons, sinon ça ne marcherait pas sous FF et un petit alert sur pts me l'a aussi montré ^^

Voici un exemple d'insertion de polygons marchant sous IE et FF au cas où vous en auriez besoin.
http://econym.googlepages.com/example_states.htm

Merci pour votre aide

[blanchonvincent]

Bonjour
J'ai eu le même problème, car j'avais déclaré une map en local (avec 'var ') et sous IE il faut mettre 'window.map = map' à la fin du load pour se servir de la carte hors de la fonction load (se servir de la variable comme une variable globale).

[blanchonvincent]

Regarde sur mon site :

http://www.blanchon-vincent.fr/iut-s...hy/1ere-annee/

Clique sur google map tu verra celle que j'avais fait et tu verra pour que ca marche sous IE j'avais rajouté window.map = map comme je t'ai dit

J'espere que c'est ca que tu voulais

[blanchonvincent]

Je viens de voir ta page (j'aurais du regarder avant dsl) et tu as pas de fonction load
Mais je pense c'est le même problème, dans la boucle 'for' il ne le prend pas, donc mets window.map = map après :

Code :

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

1
2
3
map.setCenter(new GLatLng(42.16,-100.72),4);
// Tu rajoutes :
window.map = map ;

[Nosty]

Bonjour fnnyaert

J'ai essayé ce que tu m'as donné mais le problème est toujours le même.
Ma variable map a déjà été déclarée en globale et le problème ne vient pas d'ici vu que je peux utiliser map dans d'autres fonctions marchant très bien

tu as pas de fonction load

Ma fonction load est dans un autre fichier .js. Et puis, si elle n'existait pas, comment FF et IE auraient-ils pu afficher la carte ?

Petit debug de la partie ne fonctionnant pas :

voici la fonction complète :

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
function afficherContour(id_ref, type, premier){
 
 if (GBrowserIsCompatible()) { 
 
        var xhr = getXhr();
	xhr.onreadystatechange = function(){
	if(xhr.readyState == 4 && xhr.status == 200){
            	var xmldoc = xhr.responseXML;
                var markers = xmldoc.getElementsByTagName('marker');
                var pts = new Array();
 
                 if(premier){
                     var latmax = parseFloat(markers[0].getAttribute("lat"));
                     var latmin = parseFloat(markers[0].getAttribute("lat"));
                     var lngmax = parseFloat(markers[0].getAttribute("lng"));
                     var lngmin = parseFloat(markers[0].getAttribute("lng"));
                  }
 
		for (var i = 0; i < markers.length; i++) { 
                      pts[i] = new GLatLng(parseFloat(markers[i].getAttribute("lat")), parseFloat(markers[i].getAttribute("lng"))); 
 
                    if(premier){
                          if (latmax < markers[i].getAttribute("lat")){latmax = parseFloat(markers[i].getAttribute("lat"));} 
                          if (latmin > markers[i].getAttribute("lat")){latmin = parseFloat(markers[i].getAttribute("lat"));}
                          if (lngmax < markers[i].getAttribute("lng")){lngmax = parseFloat(markers[i].getAttribute("lng"));} 
                          if (lngmin > markers[i].getAttribute("lng")){lngmin = parseFloat(markers[i].getAttribute("lng"));}
                      }
                }
 
                if (premier){
                  var bool = zoom(latmax,lngmax,latmin,lngmin);
                  var poly = new GPolygon(pts,"#FF0001",2,1,"#00FF01",0);
                } else {
                  var poly = new GPolygon(pts,"#FFFFFF",2,0.8,"#FFFFFF",0.5);
                }
                map.addOverlay(poly);
					 }
				}
                xhr.open("GET","php/xmlPolygon.php?id_Ref="+id_ref+"&type="+type,true);
		xhr.send(null);
  }
}

- id_ref et type n'ont pas une grande importance ici.
- premier est un boolean = true.
- fonction getXhr() est OK
- "if(xhr.readyState == 4 && xhr.status == 200){" est OK. On entre dans la condition.
- la recherche des maximums et des minimums marchent très bien.
- la fonction Zoom est lancée et utilise map.setCenter() en fonction des maximums et des minimums pré calculés. Sachant que cela fonctionne sous IE et sous FF, on ne peut pas dire que le problème vienne de la variable map.
- "var poly = new GPolygon(pts,"#FF0001",2,1,"#00FF01",0);" semble marcher étant donné que poly.getVertexCount() renvoi 170.
- "map.addOverlay(poly);" BBBIIIPPPPPP !! marche sous FF mais pas sous IE.

J'espère que toutes ces explications pourront vous aider à résoudre mon problème. Je dois terminé le programme dans moins de trois semaines et je n'ai pas le temps de passer mes journées à essayer de résoudre ce problème plus d'une journée.

[blanchonvincent]

Envoi moi toute ta carte à mon mail, je vais essayer de regarder :

mail@blanchon-vincent.fr

Ca te marque quoi comme erreur ?
Je pense que cela vient de map
Envoi le par mail je vais regarder ce soir ou demain soir