Discussion :

[crashpon]

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 :

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
 
/*	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.

[NoSmoking]

Bonjour,

Je ne sais pas trop comment m'y prendre...

je commencerais par suivre l'exemple