lien sur plusieurs marqueurs

Consultez la formation Google Maps, News, Images de WebRankInfo / Ranking Metrics

popline7
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 4
Inscription: 3 Oct 2011

lien sur plusieurs marqueurs

Message le Jeu Oct 06, 2011 0:27

Bonjour,
J'ai une carte avec plusieurs marqueurs, je voudrais savoir comment permettre d'aller sur une autre page (avec un lien différent suivant le marqueur) quand on clique sur un marqueur?
J'ai essayé au départ en affichant une infobulle en inidiquant dedans le lien, mais l'info bulle ne marche que pour le dernier marqueur de mon tableau.
Peu importe le marqueur sur lequel je clique l'infobulle est toujours celle du dernier a l'emplacement du dernier marqueur;
J'aimerais donc soit un lien direct au clic soit juste afficher une infobulle différente (les 2 solutions me conviennent)

Voici le code de ma fonction initialize:

Code: Tout sélectionner
function initialize() {
         <?php echo "var tab = '".implode("<>", $tableau)."'.split('<>');"; ?>
         <?php echo "var tab_name = '".implode("<>", $tableau_name)."'.split('<>');"; ?>
         <?php echo "var tab_id = '".implode("<>", $tableau_id)."'.split('<>');"; ?>
         var optionsCarte = {
               zoom: 10,
               center: new google.maps.LatLng(<?php echo $city;?>),
               mapTypeId: google.maps.MapTypeId.ROADMAP
            }
            var myMap = new google.maps.Map(document.getElementById("map"), optionsCarte);
            
                for (var i in tab)
               {          
                   var coo = tab[i].split(',');
                   var mar = new google.maps.LatLng(coo[0],coo[1]);
                   var name=tab_name[i].split(',');
                  var title=name[0];
                  var test = name[0];
                  var id=tab_id[i].split(',');
                  var id=id[0];
                   var optionsMarqueur2 = {
                        position: mar,
                        map: myMap,
                        title: title,
                     }
               var marqueur = new google.maps.Marker(optionsMarqueur2);
// Partie qui ne marche pas
                     var contenuInfoBulle = test;
                      var infoBulle = new google.maps.InfoWindow({
                         content:contenuInfoBulle
                    })
                   var event = google.maps.event.addListener(marqueur, 'click', function() {
                     infoBulle.open(myMap, marqueur);
                  });
                  
            }
         }
         google.maps.event.addDomListener(window, 'load', initialize);



Merci de votre aide

popline7
Nouveau WRInaute
Nouveau WRInaute
 
Messages: 4
Inscription: 3 Oct 2011

Re: lien sur plusieurs marqueurs

Message le Mar Oct 11, 2011 23:26

Rebonjour,
personne n'a d'idée ??
J'ai changé du code, tous mes marqueurs sont affiché mais quand on clique, seulement une seule fenetre s'ouvre: celle du dernier marqueur.
Un bout modifié du code
Code: Tout sélectionner
for (var i in tab)
               {          
                   var coo = tab[i].split(',');
                   var mar = new google.maps.LatLng(coo[0],coo[1]);
                   var name=tab_name[i].split(',');
                  var title=name[0];
                  var test = name[0];
                  var id=tab_id[i].split(',');
                  var id=id[0];
                  var myMarker = new google.maps.Marker({
                  
                        position: mar,
                        map: myMap,
                        title: title,
                   });

                    // Options de la fenêtre
                   var myWindowOptions = {
                      content:
                      title+
                      '<p><a href="http://www.test.com/" title="Site officiel">Test link</a></p>'
                   };
                    
                   // Création de la fenêtre
                   var myInfoWindow = new google.maps.InfoWindow(myWindowOptions);
                    
                   // Affichage de la fenêtre au click sur le marker
                   google.maps.event.addListener(myMarker, 'click', function() {
                      myInfoWindow.open(myMap,myMarker);
                   });   
                  
            }


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Formation recommandée sur ce thème :

Formation Google Maps, Google News et Google Images : apprenez comment optimiser le référencement de votre site pour la recherche universelle et notamment Google Maps, Google Actualités et Google Images. Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

  • Tester le type de redirection
    Cet outil vous permet de tester la validité d'un lien pour le référencement. Il vous indique la nature du lien (lien en dur, redirection bien gérée par les moteurs ou redirection mal gérée par les moteurs).
  • Calcul du taux de backlinks vers pages internes
    Cet outil vous permet de calculer le taux de liens profonds vers un site web. Un lien profond est un lien qui ne pointe pas vers la page d'accueil mais au contraire vers une page interne du site. Les sites dont l'essentiel du référencement vient de leurs inscriptions dans des annuaires ont un taux de liens profonds faible ; à l'inverse, les sites de référence ont souvent un taux de liens profonds plus important, signe que leur contenu a suscité de nombreux liens spontanés.
  • Transformer des citations en liens
    Cet outil vous permet de trouver des pages citant votre site mais ne faisant pas (encore) de lien. Il suffira parfois d'un simple mail pour transformer cette simple citation en lien (backlink).


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité