Conflit code Google Maps et jQuery [Résolu]

[Freedolphin]

Bonjour,

J'ai intégré une carte Google Maps selon le tutoriel officiel (bon, j'ai bricolé le code pour qu'il s'adapte à ma base de données) et cela marche très bien.
Sauf que la page où elle se trouve contient aussi un lien vers la bibliothèque Jquery. Et là, ça plante tout.
Quelqu'un saurait-il me dire ce qui peut provoquer ce conflit ?
Voici mon code pour la carte :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
function initialize() {
    geocoder = new google.maps.Geocoder();
    var mapOptions = {
      zoom: 16,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
   map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
	var address = '<?=$monadresse;?>';
    var latlng = new google.maps.LatLng();
	geocoder.geocode( { 'address': address}, function(results, status) {
      if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        var marker = new google.maps.Marker({
            map: map, 
            position: map.getCenter()
        });
      } else {
        alert("Impossible de localiser pour cette raison: " + status);
      }
    });
  }

et voici la ligne d'appel Jquery :

Code :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>

Merci d'avance pour votre aide ! Toute piste est la bienvenue.

[vermine]

Bonjour,

Vous pouvez lire ce post-ci. Sinon il faudra analyser la question plus en profondeur.

[Freedolphin]

Merci pour cette piste mais aucun succès avec noConflict()

[danielhagnoul]

Bonsoir

Je vous suggère de vérifier le libellé du lien suivant, car il me semble très étrange :

Code :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>

Et de faire un test, en remplaçant cette ligne par :

Code :

<script charset="utf-8" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

Voir : Comment installer la bibliothèque jQuery ?

[Freedolphin]

Merci pour ces réponses.
J'ai modifié l'appel de la bibliothèque mais pas de changement.
J'ai essayé aussi de suivre le tuto sur l'autre page, notamment pour éviter les conflits de scripts, mais là encore sans succès...

[danielhagnoul]

Bonjour

Aucune différence entre les deux appels de la bibliothèque jQuery, cela m'étonne un peu, mais ce n'est pas impossible. Il y a toutefois une différence de version, jQuery 1.4.2 pour l'un et jQuery 1.4.4 pour l'autre.

Dans l'extrait de code que vous nous avez montré, il n'y a aucune trace de code jQuery ?

Serait-il possible d'avoir un lien vers la page ou de voir la totalité des scripts de la page web ?

[Freedolphin]

En effet, le problème venait de l'autre code JS, celui qui fait appel à Jquery.
Celui-ci permet de naviguer d'un onglet à un autre.
Il s'agit d'un bug connu apparemment entre Google Maps et la fonction pour les onglets.
Nous venons de trouver la solution en ajoutant une condition dans cette fonction, qui lance la fonction Google Maps.
Bon week-end !

[danielhagnoul]

Bonsoir

Au bénéfice des forumeuses et forumeurs qui liront cette discussion, pourriez-vous nous donner un lien vers l'explication de "ce bug connu" ou nous décrire succinctement le problème et sa solution.

[Freedolphin]

Je n'ai pas détaillé la réponse pour deux raisons : d'abord, ce n'est pas moi qui ai trouvé la solution, ensuite elle est liée à des lignes de code que je n'avais pas précisées.
Pour ceux que ça intéresse, la fonction "initialize" de Google Maps était "masquée" par l'activation/désactivation des onglets.
Il faut donc lancer la fonction dans le script qui gère le basculement des onglets, en ajoutant cette ligne :

Code :

if (activeTab=='#onglet'){initialize();};