Annonce
La 5ème édition des GeoDataDays aura lieu les 14 et 15 septembre 2022 au Futuroscope de Poitiers.
Le détail du programme et des intervenants est disponible sur le site de l'évènement.
Pages: 1
- Sujet précédent - [LEAFLET] - Affecter un logo en fonction des attributs d'un champ - Sujet suivant
#1 Tue 19 April 2022 17:29
- paul_31000
- Membre
- Date d'inscription: 19 Apr 2022
- Messages: 2
[LEAFLET] - Affecter un logo en fonction des attributs d'un champ
Bonjour,
Je suis actuellement entrain de réaliser une carte avec leaflet en utilisant un fichier geojson en local. Je souhaiterai faire afficher sur ma carte un logo différent en fonction des attributs d'un champ présent dans mon fichier geojson.
J'ai essayé de la sorte :
L.geoJson(dataPdi,{onEachFeature: function( feature, layer ){var iconePdi = if (feature.properties.domaine === "Accès aux droits et vie quotidienne") {
L.icon({iconUrl: 'style/point.png', iconSize: [19, 21]
}).addTo(map);
} else {
L.icon({iconUrl: 'style/pin.png',iconSize: [19, 21]
}).addTo(map);
}
Cela ne fonctionne évidemment pas. Auriez-vous des propositions pour réaliser ma demande ?
Merci
Hors ligne
#2 Thu 21 April 2022 14:36
- Sylvain M.
- Membre
- Lieu: Saint-Pierre-des-Nids (53)
- Date d'inscription: 8 Sep 2005
- Messages: 784
Re: [LEAFLET] - Affecter un logo en fonction des attributs d'un champ
Le style est à mettre dans une fonction javascript ici :
Code:
L.geoJson(json, {
style: function(feature) { ta_fonction}
})Voici un exemple ici : https://codepen.io/dagmara223/pen/LWYNJO
Sylvain M.
Hors ligne
#3 Tue 21 June 2022 08:54
- paul_31000
- Membre
- Date d'inscription: 19 Apr 2022
- Messages: 2
Re: [LEAFLET] - Affecter un logo en fonction des attributs d'un champ
Bonjour,
Savez-vous aussi comment afficher un symbole personnalisé à la place des couleurs de points ?
Merci beaucoup !
Hors ligne
#4 Tue 21 June 2022 21:24
- Sylvain M.
- Membre
- Lieu: Saint-Pierre-des-Nids (53)
- Date d'inscription: 8 Sep 2005
- Messages: 784
Re: [LEAFLET] - Affecter un logo en fonction des attributs d'un champ
Ce tutoriel est très bien fait :
https://leafletjs.com/examples/custom-icons/
(c'est en anglais, mais ça se traduit facilement, par exemple comme ça)
Sylvain M.
Hors ligne
Pages: 1
- Sujet précédent - [LEAFLET] - Affecter un logo en fonction des attributs d'un champ - Sujet suivant
