效果： 

 mapbox栅格图层样式设置

{
                    //图层id，要保证唯一性
                    "id": "tdtVec",
                    //图层类型
                    "type": "raster",
                    //数据源
                    "source": "tdtVec",
                    "paint": {
                        "raster-hue-rotate": 180,
                        "raster-color": [
                            'interpolate',
                            ['linear'],
                            ['raster-value'],
                            0.0, 'rgb(40,82 ,165)',
                            0.1, 'rgb(33,58 ,167)',
                            0.2, 'rgb(63,125 ,77)',
                            0.3, 'rgb(63,125 ,77)',
                            0.4, 'rgb(40,82 ,40)',
                            0.5, 'rgb(40,82 ,40)',
                            0.6, 'rgb(165 ,64 ,52)',
                            0.7, 'rgb(126,104 ,16)',
                            0.7857, 'rgb(126,104 ,16)',
                            0.8, 'rgb(126,104 ,16)',
                            0.9, 'rgb(90, 76 ,0)',
                            1.0, 'rgb(17, 33 ,90)',
                        ]
                    },
                    //图层最小缩放级数
                    "minzoom": 0,
                    //图层最大缩放级数
                    "maxzoom": 24
                }