title: Leaflet : ordering GeoJSON elements inside a layer
body: <p>I'm displaying a GeoJSON layer using leaflet, with the pointToLayer function. Everything works ok so far. </p>
  
  <p>But I would like to display my points in a certain order, based on a property of the GeoJSON. This is important because the radiuses of my points varies with this property, and I need to display the smaller circles on top. I hope I make myself clear.</p>
  
  <p>I've tried many things, but here's what I think is my best try :</p>
  
  <pre><code>var pointLayer = L.geoJson(centroids, {
                  pointToLayer: function (feature, latlng) {
                      return L.circleMarker(latlng, {
                          fillColor: "#76C551",
                          color: "#000",
                          weight: 1,
                          fillOpacity: 1
                      });
                  },
                  onEachFeature: function (feature, layer) {
                      var radius = calcPropRadius(feature.properties.nb);
                      layer.setRadius(radius);
                      feature.zIndexOffset = 1/feature.properties.nb*1000;
                      layer.bindPopup(feature.properties.name + " : " + String(feature.zIndexOffset));
                  }
              });
  </code></pre>
  
  <p>You can notice that the zIndexOffset of features can be read in the popups, and they look ok. But the displaying order of the circles doesn't reflect the zIndexOffset.
  I've tried using the <a href="http://leafletjs.com/reference.html#marker-setzindexoffset" rel="noreferrer">setZIndexOffset</a> method, but as I understand it it works only with markers.</p>
  
  <p>Does anyone know how to do this ? Thanks a lot for any insight !</p>