Leaflet - infobulles avec onglets
Bonjour à tous,
Je travaille en ce moment sur la réalisation d'une carte openstreetmap. Pour cela j'utilise la bibliothèque leaflet.
Mon problème aujourd'hui est le suivant:
Compte tenu du nombre de données que je dois afficher, je souhaiterais créer des onglets dans les infobulles des markers comme dans l'exemple suivant.
Mon code pour l'instant:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
/* Affichage des markers*/
for (var i = 0; i < tMarker.length; i++) {
marker = new L.marker([tMarker[i].lat,tMarker[i].lon],{icon: icon}) /* Position du marker sur la carte */
.bindPopup(tMarker[i].info) /* affichage des données et méta-données */
.addTo(map);
/* Ligne entre marker i et i+1 */
polyline = new L.polyline([
[tMarker[i].lat, tMarker[i].lon],
[tMarker[i+1].lat, tMarker[i+1].lon]],
{
color: getColor(tMarker[i].portee),
weight: 10,
opacity: .7,
lineJoin: 'round'
}
).addTo(map);
} |
Je ne sais pas trop comment m'y prendre, merci pour votre aide.
