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é ?

#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

 

Pied de page des forums

Powered by FluxBB