Mapbox-gl.js在浏览器控制台

Question

好的，我使用Mapbox作为我的映射库，我使用上传到mapbox帐户的tile（geojson）渲染地图图层。 Demo here

地图呈现正确但我得到了很多404找不到源图块的错误。

如何摆脱这些错误？

这是我的代码：

mapboxgl.accessToken = 'token';
var map = new mapboxgl.Map({
    container: 'map',
    //style: 'mapbox://styles/mapbox/streets-v9',
    style: 'mapbox://styles/saurabhp/cizmll8v200452sqj5c16hc55?optimize=true', // optimize=true,
    center: [-1.41, 6.32],
    zoom: 5
});

map.on('load', function () {
    map.addLayer({
        'id': 'maine',
        'type': 'fill',
        'layout': {},
        'paint': {
            'fill-color': {
              property: 'NDVI6',
                stops: [
                    [0, '#F2F12D'],
                    [1, '#EED322'],
                    [2, '#E6B71E'],
                    [3, '#DA9C20'],
                    [4, '#CA8323'],
                    [5, '#B86B25'],
                    [6, '#A25626'],
                    [7, '#8B4225'],
                    [8, '#723122']
                ]
            },
            'fill-opacity': 0.8
        },
        'source': {
            'type': 'vector',
            'url': 'mapbox://saurabhp.cizs70g1e003033lkqw0u2rjj-6kayy'
        },
       "source-layer": "ghanaTestTileset",
    });
});

Answer 1

最简单的方法是替换默认的错误处理程序，过滤掉＆＃34; Not Found＆＃34;消息：

map.on('error', e => {
    // Hide those annoying non-error errors
    if (e && e.error !== 'Error: Not Found')
        console.error(e);
});

Answer 2

正如 mollymerp 所指出的，将mapbox-gl js从0.32.0更新为0.37.0解决了这个问题。