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
- Juste Inscrit !
- Date d'inscription: 19 Apr 2022
- Messages: 3
[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.
- Participant assidu
- Lieu: Saint-Pierre-des-Nids (53)
- Date d'inscription: 8 Sep 2005
- Messages: 995
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
- Juste Inscrit !
- Date d'inscription: 19 Apr 2022
- Messages: 3
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.
- Participant assidu
- Lieu: Saint-Pierre-des-Nids (53)
- Date d'inscription: 8 Sep 2005
- Messages: 995
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