#1 Mon 14 December 2015 14:27
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
centrage de la légende leaflet
Bonjour,
J'ai du mal à personnaliser ma légende dans leaflet.
Voici mon code:
Code:
var legend = L.control({position: 'bottomright'}); legend.onAdd = function (map) { var div = L.DomUtil.create('div', 'info legend'); div.innerHTML += '<table><tr><td style="background-color: rgba(215,25,28, 0.7);" width="20"></td><td style="padding-right: 10px;"> 0 jours de gel </td><td style="background-color: rgba(230,84,55, 0.7);" width="20"></td><td style="padding-right: 10px;"> 1 jours </td><td style="background-color: rgba(245,144,83, 0.7);" width="20"></td><td style="padding-right: 10px;"> 2 jours </td><td style="background-color: rgba(253,190,115, 0.7);" width="20"></td><td style="padding-right: 10px;"> 3 jours </td><td style="background-color: rgba(254,222,153, 0.7);" width="20"></td><td style="padding-right: 10px;"> 4 jours </td><td style="background-color: rgba(255,255,191, 0.7);" width="20"></td><td style="padding-right: 10px;"> 5 jours </td><td style="background-color: rgba(221,241,180, 0.7);" width="20"></td><td style="padding-right: 10px;"> 6 jours </td><td style="background-color: rgba(187,227,169, 0.7);" width="20"></td><td style="padding-right: 10px;"> 7 jours </td><td style="background-color: rgba(145,203,168, 0.7);" width="20"></td><td style="padding-right: 10px;"> 8 jours </td><td style="background-color: rgba(94,167,177, 0.7);" width="20"></td><td style="padding-right: 10px;"> 9 jours </td><td style="background-color: rgba(43,131,186, 0.7);" width="20"></td><td style="padding-right: 10px;"> 10 jours </td></tr></table>'; return div; };
Je veux centrer ma légende, ici elle est alignée à droite. Si je mets position: 'center', la légende disparait.
Quelqu'un a une idée ?
Merci
EDIT: Résolu http://stackoverflow.com/questions/2376 … ion-center
Dernière modification par mlt (Mon 14 December 2015 15:37)
Hors ligne