Mapbox 栅格图像质量随缩放级别变化

Question

我在 Mapbox 的顶部添加了一个平面图图像作为光栅，一切都按预期工作，除了我缩小图像变得模糊并且它的特征无法识别。请看下面我的意思。

缩放 = 20

缩放 = 19

缩放=18

这是我可以改变的，还是 Mapbox 处理栅格显示的方式？

这是我的代码

 map.on('load', () => {
        map.addSource('radar', {
            'type': 'image',
            'url': 'URL_TO_IMAGE',
            'coordinates': [...]
        });
        map.addLayer({
            id: 'radar-layer',
            'type': 'raster',
            'source': 'radar',
            'paint': {
                'raster-fade-duration': 0
            }
        });
    });

Answer 1

由于将其呈现为叠加图像的方式，无法真正解决此问题。

我的答案是实际上只是将图像转换为 GeoTIF 并使用实用程序 gdal2tiles 将图像转换为图块集。对于每个缩放级别，图块都以不同方式呈现，图像将始终按预期进行。如果您以前从未使用过 GeoTIF 或 gdal，这不是微不足道的，但通过努力，您可以让它看起来完美如愿。

Mapbox 栅格图像质量随缩放级别变化

Mapbox raster Image quality changes with zoom level

mapbox

mapbox-gl-js