Reactjs 如何使用react将传单地图导出到tiff图像？

我正在尝试从传单地图创建geotiff/tiff文件。我已经检查了任何可以将地图导出到图像的插件，如：传单.print、传单easyprint、传单图像、传单.browser.print。但是他们不能给我tiff文件输出。我也发现了，但我不知道如何在我的代码中使用它。是否有任何方法可以使用特定的纬度和经度（如果可能）将传单地图导出到tiff图像，或者在屏幕上导出整个地图区域。下面是我在react上的代码：

import React, { Component } from 'react';
import { Grid, Input, Form, Icon } from 'semantic-ui-react';
import {
  Map,
  TileLayer,
  FeatureGroup,
  ZoomControl,
} from 'react-leaflet';
import L from 'leaflet';

class Home extends Component {

  state = {
    inputLat: -6.3678159,
    inputLong: 106.8345207,
  };

  handleDownloadGeoTiff = async () => {
    // console.log('handle download geoTiff');
  };

render() {
   return (
      <Grid>
        <Grid.Row className='containerRowHome' columns={1}>
          <Grid.Column className='colMaps' width={16}>
            <Map
              className='map'
              center={[this.state.inputLat, this.state.inputLong]}
              zoom={this.props.currentZoom}
              maxZoom={20}
              attributionControl={true}
              zoomControl={false}
              doubleClickZoom={true}
              scrollWheelZoom={true}
              dragging={true}
              animate={true}
              easeLinearity={0.35}
              preferCanvas={true}
            >
              <TileLayer
                url='https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}.png'
                attribution='&copy; <a href="Esri &mdash">Esri, i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community</a> contributors'
                maxNativeZoom={19}
                maxZoom={25}
              />
              <ZoomControl position='topright' />
            </Map>
            <Icon
              className='validDownload'
              onClick={this.handleDownloadGeoTiff}
              name='download'
              inverted
              circular
              link
            />
          </Grid.Column>
        </Grid.Row>
      </Grid>
    );
  }
}

export default(Home);

import React，{Component}来自'React'；
从“语义ui反应”导入{Grid，Input，Form，Icon}；
进口{
地图，
蒂莱耶，
专题组，
动物控制，
}来自“反应传单”；
从“传单”进口L；
类Home扩展组件{
状态={
输入平面：-6.3678159，
输入长度：106.8345207，
};
handleDownloadGeoTiff=async（）=>{
//log（'handle download geoTiff'）；
};
render（）{
返回(
);
}
}
导出默认值（主）；