Nous utilisons des cookies pour vous garantir la meilleure expérience sur notre site. Si vous continuez à utiliser ce dernier, nous considèrerons que vous acceptez l'utilisation des cookies. J'ai compris ! ou En savoir plus !.
banniere

Le portail francophone de la géomatique


Toujours pas inscrit ? Mot de passe oublié ?
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

Rencontres QGIS 2025

L'appel à participation est ouvert jusqu'au 19 janvier 2025!

#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

 

Pied de page des forums

Powered by FluxBB