Création de plusieurs Layers depuis un Geojson

Version imprimable

Bonjour,
Assez novice dans LeafLet, je teste de nouvelles choses.
J'arrive à récupérer un Geojson, a en faire un calqueet à l'afficher dans layer.control.
Maintenant, j'aimerais tenter d'éclater ce Geojson en fonction de certains feature type.

Je partais sur l'idée de switcher le feature type en question dans un onEachFeature, mais c'est là que je bloque.
Code:

1 2 3 const tempCalques = L.geoJSON(geojson_data.data, { onEachFeature: onEachFeaturePolygon }) tempCalques.addTo(map); LayerControl.addOverlay(tempCalques, "Contours")
Est-ce que je dois créer autant de tempCalques que de feature types ou est-ce que je peux créer de nouveaux calques dans mon onEachFeature ?

Merci de bien vouloir m'aiguiller.:)

06/12/2023, 19h36
NoSmoking

Bonjour et bienvenue sur DVP.

As tu regardé ce tutoriel : Using GeoJSON with Leaflet ?
06/12/2023, 20h45
GuttV

Merci pour la réponse.
Oui, j'ai parcouru tous leurs tutos. J'y ai appris à afficher des features ou pas (entre autres), mais pas à créer une couche en fonction d'une des propriétés.

Dans ta fonction onEachFeature tu peux tout à fait affecter tes layers à un layerGroup suivant par exemple le type de géométrie, mais pas que.

Par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
const layerMarker = L.layerGroup();
const layerLine = L.layerGroup();
 
function onEachFeature(feature, layer) {
  layer.bindPopup(feature.properties.name);
  if ("Point" === feature.geometry.type) {
    layer.addTo(layerMarker)
  }
  if ("LineString" === feature.geometry.type) {
    layer.addTo(layerLine)
  }
}

ou encore

Code:

1
2
3
4
5
6
7
8
9
10
11
function onEachFeature(feature, layer) {
  switch (feature.geometry.type) {
    case "Point":
      layer.addTo(layerMarker)
      break;
    case "LineString":
      layer.addTo(layerLine)
      break;
    default:
  }
}

La création dynamique des layerGroup est envisageable.

07/12/2023, 19h19
GuttV

Ha OK !
Merci beaucoup de l'info. Je cherchais plutôt du côté de l'utilisation d'un filtre, mais cette solution est plus propre que ce que je commençais a écrire 😆
Encore merci.