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工作室的风格，你可以在浏览器中创建它：

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属性中。