無法加載資源：服務器與401 mapbox API狀態

我按照宣傳單「get started」教程無法加載資源：服務器與401 mapbox API狀態

迴應，但我得到一個401錯誤嘗試加載瓷磚

https://api.tiles.mapbox.com/v4/your.mapbox.project.id/13/4093/2724.png?access_token=your.mapbox.public.access.token 無法加載資源：服務器與401 （未授權）

我缺少什麼狀態迴應？

我的HTML

<html> 
 

 
<head> 
 
    <title></title> 
 
    <link rel="stylesheet" href="elad_map.css" /> 
 
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" /> 
 
</head> 
 

 
<body> 
 
    <div id="map"></div> 
 

 
    <script src="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js"></script> 
 
    <script type="text/javascript" src="elad_map.js"></script> 
 
</body> 
 

 
</html>

document.onload = loadMap(); 
 

 
function loadMap() { 
 
    var map = L.map('map').setView([51.505, -0.09], 13); 
 

 

 
    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: 'your.mapbox.project.id', 
 
    accessToken: 'your.mapbox.public.access.token' 
 
    }).addTo(map); 
 

 

 
    var circle = L.circle([51.508, -0.11], 500, { 
 
    color: 'red', 
 
    fillColor: '#f03', 
 
    fillOpacity: 0.5 
 
    }).addTo(map); 
 

 
    var polygon = L.polygon([ 
 
    [51.509, -0.08], 
 
    [51.503, -0.06], 
 
    [51.51, -0.047] 
 
    ]).addTo(map); 
 

 
}

來源

2016-01-28 Elad Benda

什麼忘了換出id和accessToken：

id: 'your.mapbox.project.id', 
accessToken: 'your.mapbox.public.access.token'

你需要改變accessToken與Mapbox註冊時，你會得到一個和id到mapbox項目ID喜歡mapbox.streets，mapbox-outdoors，mapbox-satellite或者你自定義的ID創建通過Mapbox工作室經典的自定義地圖時。

來源

2016-01-28 12:16:54 iH8

document.onload = loadMap(); 
 

 
function loadMap() { 
 
    var map = L.map('map').setView([51.505, -0.09], 13); 
 

 

 
    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: 'your.mapbox.project.id', 
 
    accessToken: 'your.mapbox.public.access.token' 
 
    }).addTo(map); 
 

 

 
    var circle = L.circle([51.508, -0.11], 500, { 
 
    color: 'red', 
 
    fillColor: '#f03', 
 
    fillOpacity: 0.5 
 
    }).addTo(map); 
 

 
    var polygon = L.polygon([ 
 
    [51.509, -0.08], 
 
    [51.503, -0.06], 
 
    [51.51, -0.047] 
 
    ]).addTo(map); 
 

 
}

來源

2016-06-06 11:36:55

歡迎計算器！請詳細說明你的答案，你做了什麼不同的等等 – DomTomCat

無法加載資源：服務器與401 mapbox API狀態

回答

相關問題