leaflet - 在反应中将 Geojson 图层添加到传单地图后，矢量切片图层交互性丢失

Question

Leaflet.VectorTileLayer 包装用于在 react-leaflet 中使用。叠加层中有很多这些瓦片层，还有一些其他层使用 react-leaflet 的 GeoJSON 组件导入直接 json 数据。一切正常，但是，如果我先加载 geojson 图层，我就会失去矢量切片图层的交互性。图层加载正常但不可点击或其他样式选项未在地图中呈现。在不加载 geojson 层的情况下，它们正在工作。

代码中的简单用法：

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

矢量瓦片实现来自@willfalconer 的存储库