193
rated 0 times
[
196]
[
3]
/ answers: 1 / hits: 15294
/ 8 Years ago, thu, january 28, 2016, 12:00:00
I have followed leaflet get started tutorial
but I get an 401 error while trying to load the tiles
https://api.tiles.mapbox.com/v4/your.mapbox.project.id/13/4093/2724.png?access_token=your.mapbox.public.access.token
Failed to load resource: the server responded with a status of 401
(Unauthorized)
what am I missing?
my 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 © <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);
}
More From » html