Angular 6应用程序中的Leaflet-geotiff用法

Question

我遇到了一个问题，我无法在地图上显示任何.tif图像。我正在为我的地图使用leaflet-geotiff插件。我下载了文件（例如来自gis-lab.info，这里是link to download），并尝试粘贴并显示在我的地图上。但我总是得到Custom Mask is off screen.

以下是我如何使用它的示例：

import * as geotiff from 'leaflet-geotiff/leaflet-geotiff';
import * as plotty from 'leaflet-geotiff/leaflet-geotiff-plotty';

export class MapComponent {

    ngOnInit() {
        this.map.on('load', () => {
            const options = {
                band: 0,
                name: 'Custom Mask',
                opacity: 1,
                renderer: new plotty.Plotty({
                    colorScale: 'greys'
                })
            };
            new geotiff.LeafletGeotiff('assets/uploads/clearcuts_174016_20101018_clip.tif', options).addTo(this.leafletMap);
        });
    }
}

还有我在浏览器控制台中的内容（我在console.log lib中添加了一些leaflet-geotiff以确保在那里解析了tif文件）：

似乎在leaflet-geotiff的代码中它发生在plotHeight和plotWidth具有负值时。我的图层仍然没有在地图上显示。我究竟做错了什么？如何正确显示自定义tif文件？

Answer 1

显然错误Custom Mask is off screen.发生，因为provided file在WGS 84 / UTM zone 39N投影中表示

而EPSG:4326（依赖geotiff.js library）只支持leaflet-geotiff文件。

来自leaflet-geotiff自述文件：

url - GeoTIFF文件URL。目前仅支持EPSG：4326个文件。

一旦重新投入（例如使用this tool）到EPSG:4326，它可以通过leaflet-geotiff这样显示