Google Map Api, problème avec IE (comme d'ab' )

ygalr22 · 6 Juin 2008

Bonjour à tous!

Voila, j'utilise google map sur mon site pour afficher la localisation des membres qui le désirent...

Tout marche très bien sous Firefox, mais sous IE: RIEN

J'ai apparemment une erreur de script détecté sur IE mais pas sur firefox, lorsque je regarde la ligne de l'erreur, c'est la suivante:

Code:

<body onload="load()" onunload="GUnload()">

Ma fonction Load() à l'air d'être correcte, je me pose plutôt la question au niveau de GUnload() qui est appelée au déchargement de la page mais je n'ai aucune fonction GUnload() de déclarée car il me semble qu'il n'y a pas besoin?

Si ce n'est pas le cas, excusez de mon ignorance mais que doi-je mettre dans une fonction GUnload()??

Merci d'avance!

giacommo · 6 Juin 2008

javascript

-> onload initialize l'api et calcul la carte au chargement de la page : cette fonction suffit normalement pour afficher une carto... si tu n'as rien il faut chercher de ce coté.

Si tu ne t'en sort pas tu peux aussi utiliser un script généraliste comme GoogleMapAPI qui permet d'implenter simplement une carte par le biai de fonctions basique :
w*w.phpinsider.com/php/code/GoogleMapAPI/

Quelle est l'url de la page dont tu parles ?

PS : si tu n'a pas de fonction GUnload() retire de ta déclaration la partie onunload="GUnload()"

ygalr22 · 9 Juin 2008

Merci pour ta réponse et désolé pour le retard de la mienne (week end oblige)...

J'ai testé en enlevant la fonction onunload="GUnload()" et cela me met toujours une erreur à la même ligen à savoir la ligne :

Code:

<body onload="load()">

Le problème viendrais donc bien de ma fonction load, mais elle marche bien sous FF...

Il me semblai aussi avoir lu que la fonction GUnload() étais obligatoire?

Merci pour le lien mais j'aimerais faire moi même le code histoire de comprendre un minimum ce que je fait

Pas d'autres idée??

Voici mon code de la fonction load(), peut-être quelqu'un détectera une erreur?

Code:

          <script type="text/javascript">
          
      
          //<![CDATA[
          function load() {
            if (GBrowserIsCompatible()) {
              var map = new GMap2(document.getElementById("map"));
              map.addControl(new GLargeMapControl());
              map.addControl(new GMapTypeControl());
              
              
              if (PseudoRech!=""){//Recherche sur un pseudo
              
                if (LatRech!="" && LongRech!=""){ //Pseudo Localisé
                  map.setCenter(new GLatLng(LatRech, LongRech), 12, G_HYBRID_MAP); 
      
                }else{//Pseudo non localisé
                  alert (PseudoRech + ' n\'est pas encore localisé sur la carte, proposez lui de le faire en lui envoyant un message.');
                  map.setCenter(new GLatLng(48.8569407746536,2.34125843355591), 2, G_HYBRID_MAP);          
                }
                          
             
              }else{//centré sur paris
              
                map.setCenter(new GLatLng(48.8569407746536,2.34125843355591), 2, G_HYBRID_MAP);
              }
      
             
      
                  
               // Création des marqueurs pour les villes ou il y a des magiciens
              function createMarker(point, Tous, Nov, Deb, Int, Av, ville) {
                //Config des types de marqueurs
                //Novice
                var baseIcon = new GIcon();
                baseIcon.shadow = "images/shadow.png";
                baseIcon.iconSize = new GSize(50, 50);
                baseIcon.shadowSize = new GSize(48, 48);
                baseIcon.iconAnchor = new GPoint(13, 50);
                baseIcon.infoWindowAnchor = new GPoint(13, 47);
                baseIcon.infoShadowAnchor = new GPoint(18, 25);
                
                ////////////////////////////////////////////////         
                //Marqueur Magiciens
                var Marqueur_Magicien = new GIcon(baseIcon);
                Marqueur_Magicien.image = "http://ace.of.spades.free.fr/Img/Magiciens.png"
                
                ////////////////////////////////////////////////
                //Marqueur Club
                var Marqueur_Club = new GIcon(baseIcon);
                Marqueur_Club.image = "http://ace.of.spades.free.fr/Img/Club.png"
                
                ////////////////////////////////////////////////
                //Marqueur Boutique
                var Marqueur_Boutique = new GIcon(baseIcon);
                Marqueur_Boutique.image = "http://ace.of.spades.free.fr/Img/Magasin.png"
                
                
                //création du marqueur
                
                //Option du marqueur
                var optionsMarker = {     
                selectedTab : 0, 
                };  
                
                var marker = new GMarker(point, Marqueur_Magicien);
                
                var tab1 = new GInfoWindowTab ("Tous", "<center class=TitreNews>Les magiciens de tous niveaux à <b>" + ville +":</b></center><br>" + Tous);
                var tab2 = new GInfoWindowTab ("Novices", "<center class=TitreNews>Les magiciens de niveau Novices à <b>" + ville +":</b></center><br>" + Nov);
                var tab3 = new GInfoWindowTab ("Débutants", "<center class=TitreNews>Les magiciens de niveau Débutants à <b>" + ville +":</b></center><br>" + Deb);
                var tab4 = new GInfoWindowTab ("Intermédiaires", "<center class=TitreNews>Les magiciens de niveau Intermédiaires à <b>" + ville +":</b></center><br>" + Int);
                var tab5 = new GInfoWindowTab ("Avancés", "<center class=TitreNews>Les magiciens de niveau Avancé à <b>" + ville +":</b></center><br>" + Av);
                GEvent.addListener(marker, "click", function() { 
                   marker.openInfoWindowTabsHtml( new Array(tab1, tab2, tab3, tab4, tab5), optionsMarker);
                });
                
                return marker;
                
              }
              
              //On récupere les données du fichier xml
              GDownloadUrl("GeolocMagiciens.xml", function(data) {
                
                //Les pseudo des membres pas niveau et par ville
                
                //On récupere le xml
                var xml = GXml.parse(data);
                var markers = xml.documentElement.getElementsByTagName("marker");
                
                //on parcour une premiere fois le xml pour recuperer les villes
                for (var i = 0; i < markers.length; i++) {
                  
                  //on mémorise la ville temporaire
                  var VilleTemp = markers[i].getAttribute("ville");              
                    
                    
                    //on mémorise les pseudo pour une même ville par niveau
                      var Tous="";
                      var Nov="";
                      var Deb="";
                      var Int="";
                      var Av="";
                      var Tous="";
                      
                      var i2=0;
                    //on reparcour le xml
                    for (i2 = 0; i2 < markers.length; i2++) {
                      var ville = markers[i2].getAttribute("ville");
                      
                      if (ville==VilleTemp){
                  
                        var pseudo = markers[i2].getAttribute("pseudo");
                        var niveau= markers[i2].getAttribute("niv");
                        var NIV="";
                        //Tous
                        if (niveau==0){
                          NIV="(Novice)";
                        }
                        if (niveau==1){
                          NIV="(Débutant)";
                        }
                        if (niveau==2){
                          NIV="(Intermédiaire)";
                        }
                        if (niveau==3){
                          NIV="(Avancé)";
                        }
                        
                        Tous=Tous+ "<a href=# onclick=\"Profil('"+pseudo+"','Profil')\">"+pseudo+"</a>" +" "+ NIV +"<br>";
                        
                        //Novices
                        if (niveau==0){
                          Nov=Nov+"<a href=# onclick=\"Profil('"+pseudo+"','Profil')\">"+pseudo+"</a>"+"<br>";
                        }
                        //Débutants
                        if (niveau==1){
                          Deb=Deb+"<a href=# onclick=\"Profil('"+pseudo+"','Profil')\">"+pseudo+"</a>"+"<br>";
                        }
                        //Intermédiaires
                        if (niveau==2){
                          Int=Int+"<a href=# onclick=\"Profil('"+pseudo+"','Profil')\">"+pseudo+"</a>"+"<br>";
                        }
                        //Avancé
                        if (niveau==3){
                          Av=Av+"<a href=# onclick=\"Profil('"+pseudo+"','Profil')\">"+pseudo+"</a>"+"<br>";
                        }
                        
                        //La derniere position géographique trouvée de la ville
                        var point = new GLatLng(parseFloat(markers[i2].getAttribute("lat")),parseFloat(markers[i2].getAttribute("lng")));
      
                        
                      }
                    
                  
                    }//toutes les villes sont parcourues
                    
                    
                    //On place le marqueur
                    map.addOverlay(createMarker(point, Tous, Nov, Deb, Int, Av, VilleTemp));
                  
                  
                }
                
                  
            
              }); 
             
            }else{
              alert ("Votre navigateur n'est pas compatible avec Google Map, utiliser Firefox (Lien de téléchargement en haut de page)");
            }
          }
          
          //]]>
          
          
          </script>

Bon parcourir le xml deux fois c'est peut-être un peut bourrin mais c'est ce que j'ai réussis à faire, j'améliorerais ca apres pourquoi pas ^^
Merci de votre aide