Leaflet 传单.js.401

我是一个新手，我正在尝试构建一个显示用户地理位置的应用程序

问题是，即使我使用的是显示地图所必需的默认公共令牌。控制台不允许我显示地图，它返回一个401 Unhorized类型错误，因此地图只显示一个灰色屏幕和带有地理位置信息的指针，但不显示地图，然后我尝试使用另一个令牌和其他帐户，但结果相同，这是我以前从未遇到过的事情

L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={pk.eyJ1IjoiYXJ0aHVyOSIsImEiOiJja2cyZmVhZmUwMGFvMzBxcTJhYWp4bWtjIn0.nbrXeQG5fXBg5IFSN_XklQ}', {
 attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
 maxZoom: 18,
 id: 'mapbox/streets-v11',
 tileSize: 512,
 zoomOffset: -1,
 accessToken: 'pk.eyJ1IjoiYXJ0aHVyOSIsImEiOiJja2cyZmVhZmUwMGFvMzBxcTJhYWp4bWtjIn0.nbrXeQG5fXBg5IFSN_XklQ'
}).addTo(mymap);

mymap.locate({setView: true, maxZoom: 16});

function onLocationFound(e) {
 var radius = e.accuracy;

 L.marker(e.latlng).addTo(mymap)
     .bindPopup("You are within " + radius + " meters from this point").openPopup();

 L.circle(e.latlng, radius).addTo(mymap);
}

mymap.on('locationfound', onLocationFound);

function onLocationError(e) {
 alert(e.message);
}

mymap.on('locationerror', onLocationError);```

L.tillelayer（'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}？访问令牌={pk.eyj1ijoixj0ahvyossimeoijja2cyzmvhzmuwmgfvmzbvxctjhywp4bwtjin0.nbrXeQG5fXBg5IFSN_XklQ}{
属性：“地图数据©；贡献者，图像©”，
maxZoom:18，
id:“地图盒/街道-v11”，
tileSize:512，
Zoomofset:-1，
accessToken:'pk.eyj1ijoixj0ahvyosisimeijja2cyzmvhzmuwmgfvmzbxtjhywp4bwtjin0.nbrXeQG5fXBg5IFSN_XklQ'
}).addTo（mymap）；
locate（{setView:true，maxZoom:16}）；
函数onLocationFound（e）{
var半径=e.精度；
L.标记（e.latlng）.添加到（mymap）
.bindPopup（“您在距离此点“+半径+”米范围内”）.openPopup（）；
L.圆（e.板条，半径）。添加到（mymap）；
}
mymap.on（'locationfound'，onLocationFound）；
函数onLocationError（e）{
警报（e.message）；
}
mymap.on（'locationerror'，onLocationError）```

我用我的api密钥尝试了你的代码，然后它就开始工作了。你的钥匙有毛病

还要确保替换了正确的键，因为url中直接有一个键，选项中有一个键

我建议用这个替换您的tile coe，然后尝试另一个键：

L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={accessToken}', {
    attribution: '© <a href="https://www.mapbox.com/about/maps/">Mapbox</a> © <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> <strong><a href="https://www.mapbox.com/map-feedback/" target="_blank">Improve this map</a></strong>',
    tileSize: 512,
    maxZoom: 18,
    zoomOffset: -1,
    id: 'mapbox/streets-v11',
    accessToken: 'YOUR_MAPBOX_ACCESS_TOKEN'
}).addTo(mymap);

L.tillelayer（'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}？access_token={accessToken}'{
属性：'©'，
tileSize:512，
maxZoom:18，
Zoomofset:-1，
id:“地图盒/街道-v11”，
accessToken:'您的\u映射框\u访问\u标记'
}).addTo（mymap）；

仍然不工作，您的代码或其他API密钥也不工作。