Mapbox GL JS：大图像是否准确叠加 - 如果是，如何？

Question

我觉得我一直被这个问题困住了。我有一个天气雷达数据的 geoTIF 文件，它不会正确地覆盖在 Mapbox 上。空间区域是整个美国。这应该是一个简单的任务，但似乎有某种奇怪的失真导致叠加层不正确，即使我非常确定下面链接的 HTML 文件中的 Mapbox 坐标是正确的并且与 geoTIF 匹配.

我将 geoTIF 上传到一个名为 "geotiff.io" 的网站（该网站使用 leaflet 来显示文件）并且它 完美地呈现图像 ，但我无法使用地图框。 Mapbox 中的风暴总是关闭。

This is a link to my Mapbox map with the image overlay where it is incorrect

This is a dropbox link to a zip file with the geoTIF and colorization file, which I used gdaldem with

想多解释一下，所以就简化了。这是一张图像，显示了风暴的一部分不合适（左侧）以及它是如何向北移动的。右侧是从 geotiff.io 截取的屏幕截图 - 以及它的完美程度。这是怎么回事？！

Answer 1

geoTIF 图像在 Mapbox 中显示之前未设置为 Web 墨卡托投影。我认为 geotiff.io 服务会自动更正此问题，并让我认为代码或 Mapbox 存在问题，但事实并非如此。