willfalconer/react-leaflet-vector-tile-layer

React Leaflet Vector Tile Layer

This is based on the work done for React Leaflet Vector Grid but uses the more recent vector tile layer plugin for leaflet (which has better support for different min/max zoom levels).

See examples for an example of how to use it

Installation

npm install react-leaflet-vector-tile-layer

react-leaflet-vector-tile-layer's Issues

Publish package to npm

I was looking for a React wrapper for the Leaflet.VectorTileLayer and came across your repository. I tried installing from npm by following the instructions given in the Readme but I got an error saying no versions were found.

I tried to work around the problem by installing directly from the Github repo, and using the source files directly, but the .npmignore results in the installation not having the source files installed with the package.

Would it possible for you to publish this package to npmjs.com?

License

Can you add a License to this project?

Interactivity lost over vector tile layer after loading geojson layer into map

If a load geojson with GeoJSON component of react leaflet first, then the interactions over vector tile layer are not effectible. Without loading any of the other layers, vector tile layer interactions works fine.

      `<Overlay name="Turkey Counties">
          <TRCountiesGeoJSON ref="TRCountiesGeoJSON" />
        </Overlay>

        <Overlay  name="Sentinel-2 Grid">
          <WrappedVectorTileLayer {...sentineloptions}
            // onClick={function (layer) {
            //   console.log("layer: ", layer);
            // }}
            onClick={(e) => this.handleSentinelGridClick(e)}
            url={this.state.geojsonUrl + "/sentinel2grid/{z}/{x}/{y}.pbf"}
          />
        </Overlay>`

I tried creating custom components for GeoJSON from vanilla leaflet as well, didn't solve the problem. Is there any idea, what seems to be the problem here?