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' 
            }
          }
        ]

      },
});

Answer 2

我想出来了。您需要在Mapbox Studio中创建自己的“样式”并将其设置为纯白色，然后将其添加到地图的style属性中。