使用React 16将shapefile显示为地图中的图层

Question

我正在使用一个旧的（2年）传单内插反应来加载一个形状文件（一个包含4个文件的zip文件，当在地图上显示时会绘制一个图层，通常用于GIS）

虽然插件工作（测试），但我想消除上传功能。只需调用我在我的应用程序中的zip文件，使其显示并消失在地图右上角的图层控制菜单上。就是这样

以下是https://codesandbox.io/s/34o825nz8m

我相信诀窍就在这里：

  handleFile(e) {

      var reader = new FileReader();

          var file = e.target.files[0];

          reader.onload = function(upload) {

            this.readerLoad(upload);

          }.bind(this);

          reader.readAsArrayBuffer(file);
    }

到目前为止我尝试过：

替换了位于此处的{./protrac.zip'的var文件（https://www.data.boem.gov/Mapping/Files/protrac.zip） 得到了一个错误。

更改了reader.readAsDataURL（文件）。

由于我删除了输入标记，我的意图是在ComponentDidMount（）中运行handleFile函数。但是我甚至无法在我的应用程序中安装我的zip文件。

Pd积。如果你得到一个createLeafletElement（）错误，只能通过放置这行来修复node_modules文件夹

ShapeFile.prototype.createLeafletElement = function createLeafletElement () {}