un click sur le marker pour un lien

**angelodakota** · 25/10/2011, 23h03

Bonjour, je cherche un peu d'aide sur l'api de gmap3, je cherche à créer un lien (a href) juste en faisant un clique sur le marker, sans altérer le reste du programme (affichage de la bulle). Jai tenté plusieurs essais en vain...

Je laisse ici une copie du script :

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
 
 
$(function(){
      //marker vert
        $('#test1')
          .gmap3(
          { action: 'addMarkers',
            markers:[
           //data php
	<?=$marker1?>
 
			  {}
            ],
            marker:{
              options:{
                draggable: false,
	icon: 'http://www.mon-site.com/gmap3/images/pinverte.png'
              },
 
              events:{
                mouseover: function(marker, event, data){
                  var map = $(this).gmap3('get'),
                      infowindow = $(this).gmap3({action:'get', name:'infowindow'});
                  if (infowindow){
                    infowindow.open(map, marker);
                    infowindow.setContent(data);
                  } else {
                    $(this).gmap3({action:'addinfowindow', anchor:marker, options:{content: data}});
                  }
                },
                mouseout: function(){
                  var infowindow = $(this).gmap3({action:'get', name:'infowindow'});
                  if (infowindow){
                    infowindow.close();
                  }
                }
              }
            }
          }
        );
      });

Je précise que que les data pour chacun des marker arrivent en PHP et que je puisse lire l'information de cette manière [ <?=$liens?> ], j'ai retiré tous mes tests de ce code. J'ai essayer de transformer le code ci-dessous en vain...

Code :

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

1
2
var actionClick = function () {    window.location.href = 'http://fr.wikipedia.org/wiki/Place_Bellecour';};
GEvent.addListener(marker, "click", actionClick);

Visiblement, il ne semble pas être adapté à l'api gmap3 et je ne pense pas pouvoir insérer ma balise DATA en PHP pour la liste des liens à inclure sur chacun des marker.

Merci de votre aide, à bientot.

**angelodakota** · 27/10/2011, 00h51

PROBLEME RESOLU - apres reflexion, je ne pouvais rester sans solution, et je poste cette modeste solution qui servira a d'autre... qui utilise gmap3

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
43
44
45

	  
	  $(function(){
      //marker vert
        $('#test1')
          .gmap3(
          { action: 'addMarkers',
            markers:[
			<?=$marker1?>

			  {}
            ],
            marker:{
              options:{
                draggable: false,
	icon: 'http://www.tonsite.com/gmap3/images/pinverte.png'
              },
			  
              events:{
                mouseover: function(marker, event, data){
                  var map = $(this).gmap3('get'),
                      infowindow = $(this).gmap3({action:'get', name:'infowindow'});
                  if (infowindow){
                    infowindow.open(map, marker);
                    infowindow.setContent(data);
                  } else {
                    $(this).gmap3({action:'addinfowindow', anchor:marker, options:{content: data}});
                  }
                },

            click: function(){
                  var actionClick = top.window.location.href = 'http://www.tonsite.com';
                },
                mouseout: function(){
                  var infowindow = $(this).gmap3({action:'get', name:'infowindow'});
                  if (infowindow){
                    infowindow.close();
                  }
                }
              }
            }
          }
        );
      });

voila je visite souvent votre forum, qui m'a souvent aide, pas se coup ci, mais bravo a vous tous. je vous invite a l'occasion de visiter mon site, www.lecoinvacances.com vous trouverez en 2 eme page le resulta de se bout de code.
A bientot