Modifier l'apparence du sélecteur de couches par CSS

Extraire des données OSM, créer sa carte, uMap, utiliser sur un GPS ou un smartphone...
piercol17

Modifier l'apparence du sélecteur de couches par CSS

Message par piercol17 » jeu. mai 30, 2013 11:30 am

Bonjour,

Avec Openlayers, est-il possible de modifier les caractéristiques (couleur, typo, etc) du sélecteur de couches (.olControlLayerSwitcher) par fichier CSS ?
J'ai essayé avec ce type de données dans le fichier CSS, mais ça ne donne aucun résultat.

/**
* Layer switcher
*/
.olControlLayerSwitcher {
position: absolute;
top: 25px;
right: 0;
width: 20em;
font-family: sans-serif;
font-weight: bold;
margin-top: 3px;
margin-left: 3px;
margin-bottom: 3px;
font-size: 10;
color: white;
background-color: transparent;
}

.olControlLayerSwitcher .layersDiv {
padding-top: 5px;
padding-left: 10px;
padding-bottom: 5px;
padding-right: 75px;
background-color: green;
width: 100%;
height: 100%;
}

Y a-t-il une autre méthode possible ?

NicolasDumoulin
Messages : 95
Inscription : mar. nov. 20, 2012 3:41 pm

Re: Modifier l'apparence du sélecteur de couches par CSS

Message par NicolasDumoulin » jeu. mai 30, 2013 11:55 am

C'est effectivement pas évident. Tu peux regarder cet exemple http://openlayers.org/dev/examples/custom-style.html
ou bien te faire ton propre theme en reprenant le default ou bien le dark https://github.com/developmentseed/openlayers_themes

Sinon, tu peux aussi te refaire un sélecteur à toi, c'est ce que j'ai fait avec un menu déroulant ici ("Carte" en bas) : http://osm.dumoulin63.net/xapiviewer/

piercol17

Re: Modifier l'apparence du sélecteur de couches par CSS- Résolu

Message par piercol17 » sam. juin 01, 2013 12:02 am

Merci Nicolas

En m'inspirant de l'exemple que tu m'as signalé, j'ai pu modifier l'apparence du sélecteur de couches.
Il me reste quelques réglages à faire, puisque d'autres contrôles ont en partie disparu, mais avec cette méthode, ça devrait être rapidement réparé.
Voir ici la nouvelle apparence
http://www.histoirepassion.eu/test_carte/antenne.html

NicolasDumoulin
Messages : 95
Inscription : mar. nov. 20, 2012 3:41 pm

Re: Modifier l'apparence du sélecteur de couches par CSS

Message par NicolasDumoulin » mer. juin 05, 2013 8:55 am

Bien joué ! :)

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités