Mapbox戶外地圖無法正常工作

Question

我可以毫無問題地使用mapbox標准和衛星圖塊，並且可以在圖層之間來回切換。 但是，當我嘗試使用室外圖層時，出現401錯誤。 這是我設置圖層的地方：

var mapLayer = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
  attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
  maxZoom: 18,
  id: 'mapbox.streets',
  accessToken: '<mytoken>'
}),    
satLayer = L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
  attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
  maxZoom: 18,
  id: 'mapbox.satellite',
  accessToken: '<mytoken>'
}), 
terrainLayer = L.tileLayer('https://api.mapbox.com/styles/v1/mapbox/outdoors-v9/tiles/256/{z}/{x}/{y}??access_token={accessToken}', {
  attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://mapbox.com">Mapbox</a>',
  maxZoom: 18,
  id: 'mapbox.outdoors',
  style: 'mapbox://styles/p-craig-peddie/<styletoken>',
  accessToken: '<mytoken>'
});  

var baseMaps = {
  "Default": mapLayer,
  "Terrain": terrainLayer,
  "Satellite": satLayer
};

  var map = L.map('leafletMap', {
    center: [33.559768, -117.728416],
    zoom: 8,
    layers: [mapLayer, polyLayer, gridLayer]
  });

知道我在做什么錯嗎？

Answer 1

雙問號“ ??” URL中的罪魁禍首。 咄。