Mapbox GL JS：将基础层设置为白色？

Question

我想显示带有白色背景的 Mapbox GL JS 地图，而不是地图背景。

这是我现在的代码：

mapboxgl.accessToken = 'mytoken';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/light-v9',
    minZoom: 4,
    maxZoom: 14,
    center: [-2.0, 53.3],
});

如何用纯白色替换浅色背景？如果我更改style为white然后我会收到错误。

Answer 1

您不需要在 Mapbox Studio 中创建样式，您可以在浏览器中创建它：

var map = new mapboxgl.Map({
    container: 'map',
    style: {
        version: 8,
        sources: {

        },
        layers: [
          {
            id: 'background',
            type: 'background',
            paint: { 
              'background-color': 'white' 
            }
          }
        ]

      },
});