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 中制作自己的 "style" 并将其设置为纯白色，然后将其添加到地图的 style 属性中。

Answer 2

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

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

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

      },
});

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

Mapbox GL JS: Set base layer to white?

mapbox

mapbox-gl-js