Discussion :

[GuttV]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[NoSmoking]

Bonjour et bienvenue sur DVP.

As tu regardé ce tutoriel : Using GeoJSON with Leaflet ?

[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.

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[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.