Affichage infoBulle au survol

Bonjour à tous,

J'ai trouvé du code pour faire une carto dynamique mais j'aimerais modifier une chose.

Pour ouvrir une infobulle sur la carto, il faut cliquer avec la souris.

Moi j'aimerais ouvrir l'info bulle juste en passant la souris sur l'icone.

Merci de votre aide.

vous pouvez utiliser les évènements "mouseover" et "mouseout" pour détecter où est la souris

si vous utilisez jQuery, vous pouvez faire ça :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

map.eachLayer(function (point) {   $(point).mouseover(function (e) { this.openPopup(); });   $(point).mouseout(function (e) { this.closePopup(); });   });

---

Bonjour,

j'affiche mes info bulles avec ce code, je ne vois pas comment intégrer le votre dans le mien....

Code:

---

1 2	var P = new L.LayerGroup(); L.marker([x, y],{icon: Icon}).bindPopup('<table>code</table>').addTo(P),

---

vous avez juste besoin de l'ajouter à la suite de votre code qui associe les marqueurs à la carte. donc pour être sûr, rajoutez le à la fin.

Bonjour,
une manière de faire, par exemple

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

// création d'une infoBulle var infoWindow = L.popup();   // création d'un marker var oMarker = L.marker([e.latlng.lat, e.latlng.lng]);   // affectation de l'événement au survol oMarker.on('mouseover', function (e) { infoWindow.setContent('Le marker est en position :<br>' + e.latlng.toString()) this.bindPopup(infoWindow).openPopup(); }); // affectation de l'événement au sortir oMarker.on('mouseout', function (e) { this.togglePopup(); });

---

Ah super et merci ça marche nickel. Bonne journée et encore merci