un click sur le marker pour un lien

Version imprimable

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:

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:

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.

solution

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:

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

27/10/2011, 19h25
NoSmoking

Bonjour,
merci du retour

conseil pour ton site
il est peut être intéressante de réduire les images que tu affiches, très long à charger :zzz:

exemple:

Citation:

http://www.lecoinvacances.com/annonceurs/de7d6ab0266abb3f4146d2a9ee63fb0e.jpg
1 842px × 1 228px (redimensionné à 330px × 185px)