Mettre une infobulle sur un marqueur

**404error** · 06/01/2010, 11h42

Bonjour!

Voila mon problème est simple je voudrais pouvoir mettre une infobulle lorsqu'on clique sur un marqueur. Je n'ai pas trouvé d'exemple de la sorte sur le site ign, le seul exemple présent est une infobulle persistante et qui plus est pas sur le click d'un marqueur (ici : https://api.ign.fr/geoportail/presen...ionSubjectId=2)

Est ce possible?

le code de mon marqueur :

Code :

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

1
2
3
4
5
6
7
8
9
10
            OpenLayers.Lang.setCode('fr');

            var coucheMarqueurs = new OpenLayers.Layer.Markers("marqueur");
            maCarte.getMap().addLayer(coucheMarqueurs);

            var position = new OpenLayers.LonLat(Args.Lng, Args.Lat);
            var projL93 = new OpenLayers.Projection("IGNF:RGF93G");
            position.transform(projL93, maCarte.getMap().getProjection());
            var marqueur = new OpenLayers.Marker(position);
            coucheMarqueurs.addMarker(marqueur);

Merci bcp!

**404error** · 06/01/2010, 16h20

Vraiment personne?

j'ai un peu avancé en faisant ceci mais la popup ne s'affiche toujours pas....

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
     var coucheMarqueurs = new OpenLayers.Layer.Markers("marqueur");
            maCarte.getMap().addLayer(coucheMarqueurs);

            var position = new OpenLayers.LonLat(Args.Lng, Args.Lat);
            var projL93 = new OpenLayers.Projection("IGNF:RGF93G");
            position.transform(projL93, maCarte.getMap().getProjection());
            var marqueur = new OpenLayers.Marker(position);

            //alert
            //marqueur.events.register('mousedown', marqueur, function(evt) { alert('ok'); OpenLayers.Event.stop(evt); });
            
            coucheMarqueurs.addMarker(marqueur);
            var popup, Feature, markers;

            //essai de popup

            coucheMarqueurs.events.register("mousedown", marqueur, function(evt) {
                if (popup == null) {
                    Feature = new OpenLayers.Feature(null, new OpenLayers.LonLat(Args.Lng, Args.Lat));
                    popup = Feature.createPopup(true);
                    popup.setContentHTML("<div>TEST</div>");
                    popup.setBackgroundColor("white");
                    popup.setOpacity(0.7);
                    coucheMarqueurs.map.addPopup(popup);
                } else {
                    popup.toggle();
                }
                OpenLayers.Event.stop(evt);
            });

**dgrichard** · 10/01/2010, 11h48

A priori, remplace :

Code :

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

1
2
coucheMarqueurs.events.register("mousedown",  marqueur, function(evt) {...

par:

Code :

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

1
2
marqueur.events.register('mousedown', marqueur, function(evt) {...

puis, dans le code du callback :

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
if (this.feature==null) {
  this.feature= new OpenLayers.Feature(coucheMarqueurs,this.lonlat.clone(),
    {
       popupSize: new OpenLayers.Size(100,100),
       popupContentHTML: "<div>TEST</div>"
    });
  this.feature.createPopup(true);
  this.feature.popup.setBackgroundColor("white");
  this.feature.popup.setOpacity(0.7);
  coucheMarqueurs.map.addPopup(this.feature.popup);
} else {
  this.feature.popup.toggle();
}
OpenLayers.Event.stop(evt);

J'ai testé avec OpenLayers 2.8 et cela fonctionne ...

**404error** · 11/01/2010, 09h10

Merci bcp pour ton aide ça marche impécable

**Heretic** · 09/06/2010, 14h56

Bonjour,
même souci que 404error : les popups ne s'affichent pas : sur cette page...
Sous FF je vois bien les marqueurs, mais sous IE la page part en vrille (on dirait qu'il y a une boucle sur le serveur....)