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

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.

#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

 

Pied de page des forums

Powered by FluxBB

Partagez  |