Annonce
L'appel à participation est ouvert jusqu'au 19 janvier 2025!
#1 Thu 18 May 2017 13:45
- hocus pocus
- Juste Inscrit !
- Date d'inscription: 10 May 2017
- Messages: 6
Icone en bas de la carte Leaflet
Bonjour,
Je suis en train de m'initier à Leaflet et je voudrai savoir si il est possible d'insérer un logo en bas de la carte comme une sorte de légende pour personnaliser la carte.
Ma carte occupe 100% de la page html
L'idée serait de faire ca mais je n'y arrive pas; cela passe par du CSS?
L'mage doit etre superposée à la carte comme ceci
Hors ligne
#2 Thu 18 May 2017 16:35
- C. Quent
- Juste Inscrit !
- Date d'inscription: 31 Mar 2017
- Messages: 9
Re: Icone en bas de la carte Leaflet
Bonjour
Tout simplement avec quelques lignes de HTML/CSS.
Pour vous aider : https://openclassrooms.com/courses/appr … -images-18
Dernière modification par C. Quent (Thu 18 May 2017 16:36)
Hors ligne
#3 Thu 18 May 2017 17:14
- Florent LUQUET
- Participant occasionnel
- Lieu: Vallet
- Date d'inscription: 24 Mar 2016
- Messages: 12
Re: Icone en bas de la carte Leaflet
Bonjour,
Plus complexe mais plus propre. Il est préférable d'étendre un contrôle que l'on appel comme on veut.
Ce "control" sera intégré dans la div map et plus particulièrement dans le "leaflet-control-container" et ne sera pas dépendant du reste de la structure html de la page.
Voici des liens :
http://leafletjs.com/examples/extending … trols.html
http://odoe.net/blog/custom-leaflet-control/
Bon courage
Dernière modification par Florent LUQUET (Thu 18 May 2017 17:15)
Hors ligne
#4 Mon 22 May 2017 11:57
- hocus pocus
- Juste Inscrit !
- Date d'inscription: 10 May 2017
- Messages: 6
Re: Icone en bas de la carte Leaflet
Bonjour,
Merci pour vos conseils ; je vais me pencher sur le leaflet control_container
En attendant, j'ai mis une image avec css foreground image
#republique francaise{
width:5%;
position:fixed; /*You may also use fixed depending on your needs.*/
right:0;
bottom:0; /*If you want it at the bottom you probably want bottom:0 instead*/
z-index: 999;
}
Ensuite, j'ajoute l'image dans le code html et ca personnalise un peu la carte
Hors ligne
