I was having an issue using the L.IndexedGeoJSON inherited class from the example in the readme, where removing layers from the group was not removing them from the map.

It seems that the index layer was caching them, so adding the following to the L.GeoJSON.extend({ fixed it.

removeLayer: function (layer) {
  if (this.hasLayer(layer)) {
    this.unindexLayer(layer)
  }
  return window.L.GeoJSON.prototype.removeLayer.call(this, layer)
}

Now when I call myIndexedLayer.clearLayers() it actually removes them. Just thought this might be useful to someone else.

Theres is no npm project to install it, anyone have any examples on Angular 2+ projects?

This thing relies on Leaflet available as a global variable L, and nothing is exported (whether by module.exports or ES6 export).

I'm trying to use layerindex with Leaflet.Snap and I'm having some trouble understanding how to implement the inherited class.

This is the snippet from the README:

  L.IndexedGeoJSON = L.GeoJSON.extend({
       includes: L.LayerIndexMixin,

       initialize: function (geojson, options) {
           // Decorate onEachFeature to index layers
           var onEachFeature = function (geojson, layer) {
               this.indexLayer(layer);
               if (this._onEachFeature) this._onEachFeature(geojson, layer);
           };
           this._onEachFeature = options.onEachFeature;
           options.onEachFeature = L.Util.bind(onFeatureParse, this);

           // Parent initialization
           L.GeoJSON.prototype.initialize.call(this, geojson, options);
       }
   });


   var layer = L.IndexedGeoJSON(data).addTo(map);

   var aroundToulouse = layer.searchBuffer(L.latLng([43.60, 1.44]), 0.1);

onFeatureParse is not defined. Is it a function I should provide? What is it supposed to do?

Tried to view the demo on my iPhone 5s, both in Chrome and Safari - but no markers are drawn.
The counter works, so the script is running - but nothing is drawn on the map - only the base map layer.

I have a GeoJSON FeaturCollection with around 5000 LineStrings. I tried adding it per the example code in the readme:

L.Map.include(L.LayerIndexMixin);

var map = L.map(...);
...
var layer = L.GeoJSON(data).addTo(map);
map.indexLayer(layer);

// Search visible features for example
map.on('moveend', function () {
    var shown = map.search(map.getBounds());
    console.log(shown.length + ' objects shown.');
});

But the console.log only ever outputs 1.

Am I supposed to add each feature as its own layer? (as is done with the circle markers in the live demo)

Dear Sir,

I have seen the demo of the code, which is exact code that i am looking for to integrate in my code,

Upload.zip

Please help me, how can i integrate the leaflet.layerindex.js in my data.